How to use Font Awesome 5 icons in Axure RP 8

By on

Axure RP 8 is great for wireframes and creating HTML prototypes. But wouldn’t be much better if you could use Font Awesome 5 icons right inside the Axure RP 8, without importing any PNG’s or SVG’s. In order to use Font Awesome 5 icons in Axure RP you need to install and include Font Awesome 5 fonts on your computer and include them in your Axure projects. Please follow the steps to complete the process.

  1. Download Font Awesome 5
    Download latest version of the font from https://fontawesome.com/ and install OpenType fonts on your computer. The font files are located in “use-on-desktop” folder. You need to install the following 3 fonts:

    • Font Awesome 5 Brands-Regular-400.otf
    • Font Awesome 5 Free-Regular-400.otf
    • Font Awesome 5 Free-Solid-900.otf
  2. Restart Axure RP
    If Axure RP is open, close it completely and re-open it. This will reset all fonts list and allow you to choose Font Awesome 5 from the font droplist and see correct icons.
  3. Include Font Awesome CSS in Axure
    Go to “Publish > Generate HTML Files” and add the Font Awesome CSS link in the “Web Fonts” tab:

    https://use.fontawesome.com/releases/v5.0.13/css/all.css

  4. Add icons
    Go to https://fontawesome.com/icons?d=gallery and choose an icon you want to use.

    • Open icon details page and Copy Glyph.
    • Switch to Axure RP and paste the icon.
    • Change font of the text to Font Awesome 5

After completing all the steps you should be able to use any Font Awesome 5 icons in your prototypes.

As an alternative you can download the Font Awesome Widget Library for RP 8 (Icon Fonts) from Axure Forums. Unfortunately the library is still using older Font Awesome 4.7 version.

Let me know if you have any issues using this method.

Be the first to write a comment.

Leave a Reply