How to Add Font Awesome Icons to Your Axure RP Prototypes

Installing Font Awesome in Axure RP

Download the Font Awesome font files.

Older 4.5.0 version: http://downloads.iaxure.com/fontawesome.zip

Current version: https://fontawesome.com/download

Open the downloaded package and install the font on the operating system (e.g., double‑click the .ttf file and choose “Install”).

Restart Axure RP; the new “Font Awesome” entry appears in the style panel’s font list.

Configure the web‑font style file for HTML export: Publish → Generate HTML Files → Web Font. Include the CDN stylesheet in the generated HTML, e.g.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

Using the Font in Axure Designs

Create a rectangle (or any text widget) and set its font to “Font Awesome”.

Copy an icon character from the Font Awesome website or from the installed font’s character map.

Paste the character into the rectangle. The icon renders as a glyph.

Additional Icon Libraries

Font Awesome 5.0.0 component library – download from https://d2d2wdgkcw7kfa.cloudfront.net/original/3X/8/b/8b8459882d4ca0889a6566fcc423aa81b77870ba.rplib

Alibaba iconfont – search for an icon on the Alibaba iconfont site, hover to preview, click “Copy”, then paste directly into Axure RP (Ctrl+V).

Element UI component library – download the resource file from https://raw.githubusercontent.com/ElementUI/Resources/master/Element_Components_v2.0.0.rplib

Ant Design Axure component library – Ant Design provides both web and mobile component sets; importing its .rplib file into Axure RP enables comprehensive prototyping.