> For the complete documentation index, see [llms.txt](https://ploegert.gitbook.io/til/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ploegert.gitbook.io/til/programmy/css/add-fab-icons-to-your-site-with-fontawesome-5.md).

# Add Fab Icons To Your Site With FontAwesome 5

Check out the latest version of [FontAwesome](https://fontawesome.com/).

> Version 5 has been re-written and re-designed completely from scratch.

One part of the rewrite is that *brand* icons have been organized into their own collection. Whether you are using the full suite or just the brands bundle, you'll be referencing these icons with the `fab` class name.

```html
<i class="fab fa-react" />
```

This will give you a React icon.

Check out all the different [*brand* icons here](https://fontawesome.com/icons?d=gallery\&s=brands).