# SVG Unicodes

Information about SVG unicodes for Font Awesome icons and how to use them.

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

Make sure you:

- Plan to use [the SVG+JS method of Font Awesome](/web/dig-deeper/webfont-vs-svg.md)
- Have your project [set up with Font Awesome](/web.md#web-setup)

## Add Icons as Unicodes

You can [add icons in any style](/web/dig-deeper/styles.md) as unicodes when using the SVG+JS method. Just add the [class for the style you want to use](/web/add-icons/how-to.md#families-styles) 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:

  <i style="padding: 2px;" class="fa-solid fa-2x">&#x42;</i>
  <i style="padding: 2px;" class="fa-regular fa-2x fa-spin">&#xf436;</i>
  <i style="padding: 2px;" class="fa-duotone fa-solid fa-2x fa-shake fa-bowling-pins"></i>
  <i style="padding: 2px;" class="fa-light fa-2x">&#x31;</i>
  <i style="padding: 2px;" class="fa-sharp fa-solid fa-2x">&#x58;</i>
  <i style="padding: 2px;" class="fa-sharp-duotone fa-solid fa-2x fa-turkey"></i>

```html
<i class="fa-solid fa-2x">&#x42;</i>
<i class="fa-regular fa-2x fa-spin">&#xf436;</i>
<i class="fa-duotone fa-solid fa-2x fa-shake">&#xf437;</i>
<i class="fa-light fa-2x">&#x31;</i>
<i class="fa-sharp fa-solid fa-2x">&#x58;</i>
<i class="fa-sharp-duotone fa-solid fa-2x">&#xf725;</i>
```

  <h4>
    Don't forget the semicolon
  </h4>

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.

  <img
    slot="media"
    src="/web/add-icons/images/unicodes-1.png"
    alt="The unicode value highlighted in  the icon details on fontawesome.com"
  />
  <span class="wa-card-image-description">
    The unicode value highlighted in  the icon details on fontawesome.com
  </span>