Want to use the Unicode value with the SVG + JS method to display the icons on your page? Go for it!

Advertisement

Remove ads with a Pro plan!

Using this requires Font Awesome Pro Pro

A subscription to a Pro-level plan will remove all third-party advertisments on fontawesome.com.

And of course Pro-level plans come with…

• All 16,083 Icons in Font Awesome
• Solid, Regular, Light, Thin, and Duotone Styles for Each Icon + Brands
• A Perpetual License to Use Pro
• Services and Tools to Make Easy Work of Using Icons
• Fresh Icons, Features, and Software Updates
• Plus Support From Real Humans

Already have a Pro Plan? Sign in

Before You Get Started

Make sure you:

• Plan to use the SVG+JS method of Font Awesome
• Have your project set up with Font Awesome

Unicodes

Select a fa- style (ex. fa-thin, fa-light, etc.), then insert the Unicode value, prefaced with &#x betwixt the opening and closing <i> element.

<i class="fa fa-2x">&#x42;</i>
<i class="fad fa-2x fa-spin">&#xf436;</i>
<i class="fad fa-2x fa-shake">&#xf437;</i>
<i class="fa-light fa-2x">&#x31;</i>

Don't forget the semicolon

You'll need a semicolon after the Unicode value ; the icons will not display on your page without it.

Where do I find an icon's Unicode?

When searching for icons, simply click on an icon of your choosing, and the Unicode value will be displayed above the code block showing how the icon can be used.