# Assegnazione di icone FA5 ai tag

**URL:** <https://meta.discourse.org/t/giving-tags-fa5-icons/109407>\
**Category:** Support\
**Created:** [17 Febbraio 2019, 11:18pm UTC](https://meta.discourse.org/t/giving-tags-fa5-icons/109407 "2019-02-17T23:18:13Z")\
**Posts on this page:** 1\
**Showing post:** 8

<div class="post-metadata">

**Author:** ![tshenry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tshenry/32/119495_2.png) [@tshenry](https://meta.discourse.org/u/tshenry)\
**Post date:** [19 Febbraio 2019, 4:32am UTC](https://meta.discourse.org/t/giving-tags-fa5-icons/109407/8 "2019-02-19T04:32:29Z")

</div>

Take a look at the following post and the comments that follow:

> [@(Superseded) Add a custom fontawesome icon and color to your tag](https://meta.discourse.org/t/add-a-custom-fontawesome-icon-and-color-to-your-tag/67881/13):
>
> Thanks for bumping this, with FontAwesome 5 the technique in the OP will no longer work. Our FA5 implementation switches from using an icon font to SVGs, so the content: "\f0a1" will no longer display an icon, the font where that character points will no longer be included. Here is a way to do the same thing with SVGs once FA5 is in core: @import "common/foundation/mixins"; [data-tag-name="tag1"]:link, [data-tag-name="tag1"]:visited, [data-tag-name="tag1"].bullet:before { color: red; } […

It looks like @pmusaraj is going to be working on something that will end up being exactly what you are looking for, but in the mean time he provides instructions for using `svg-uri()`.

**Edit:** The Github link in the above post appears to be broken. This should be the current working link:

[Font-Awesome/js-packages/@fortawesome/fontawesome-free/sprites at master · FortAwesome/Font-Awesome · GitHub](https://github.com/FortAwesome/Font-Awesome/tree/master/js-packages/%40fortawesome/fontawesome-free/sprites)

Once you’ve clicked on that link, then click on the appropriate set (solid in your case), then click the raw button and search the page for `check-circle`. The code below should be what you need, but I wanted to include instructions for posterity.

```plaintext
<path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path>

```

The rest of the instructions are still accurate.

---

_[View the full topic](https://meta.discourse.org/t/giving-tags-fa5-icons/109407)._