Skip to content

SVG Unicodes

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

Add Icons as Unicodes

You can add icons in any style as unicodes when using the SVG+JS method. Just add the class for the style you want to use to select the style of icon, then insert the unicode value - with &#x before the unicode and ; after - between the opening and closing <i> element.

Here are some examples:

B1!
<i class="fa-solid fa-2x">&#x42;</i>
<i class="fa-regular fa-2x fa-spin">&#xf436;</i>
<i class="fa-duotone fa-2x fa-shake">&#xf437;</i>
<i class="fa-light fa-2x">&#x31;</i>
<i class="fa-sharp fa-solid fa-2x">&#x21;</i>

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.

Font Awesome 6 installed and being activated in Font Explorer X on Mac OS X