# How to add FontAwesome Icon to Theme \</body\>?

**URL:** <https://discuss.emberjs.com/t/how-to-add-fontawesome-icon-to-theme-body/18802>\
**Category:** Questions\
**Created:** [April 30, 2021, 8:10am UTC](https://discuss.emberjs.com/t/how-to-add-fontawesome-icon-to-theme-body/18802 "2021-04-30T08:10:12Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![SchweizerSchoggi](https://avatars.discourse-cdn.com/v4/letter/s/c6cbf5/32.png) [@SchweizerSchoggi](https://discuss.emberjs.com/u/SchweizerSchoggi)\
**Post date:** [April 30, 2021, 8:10am UTC](https://discuss.emberjs.com/t/how-to-add-fontawesome-icon-to-theme-body/18802/1 "2021-04-30T08:10:12Z")

</div>

Another newbie question… I am preparing kind of a footer block in the` </body>` section. I would like to add a Font Awesome Icon, but neither `<i class="fa fa-chevron-right" aria-hidden="true"></i>`

does work, nor the CSS equivalent

```
font-family: "FontAwesome";
font-weight: 900;
content: "\f054";

```

What’s the right way to solve this?

---

<div class="post-metadata">

**Author:** ![Dathan](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/dathan/32/16973_2.png) [@Dathan](https://discuss.emberjs.com/u/Dathan)\
**Post date:** [May 7, 2021, 5:45pm UTC](https://discuss.emberjs.com/t/how-to-add-fontawesome-icon-to-theme-body/18802/2 "2021-05-07T17:45:22Z")

</div>

A popular way to use FontAwesome in your ember apps is to add the npm package `@fortawesome/ember-fontawesome` to your application (or another similar one).

If you use this one, then you can use icons with the FaIcon component like this:

```auto
  <FaIcon @icon="chevron-right" />

```

The nice thing about this package (and other ones like it) is that they have options for including only the icons you need (vs. all of them) and have other arguments on the component to control which style (outline, etc.) and size options, etc.