# How to change notification level icons?
**URL:** https://meta.discourse.org/t/how-to-change-notification-level-icons/30568
**Category:** Support
**Created:** [29 Giugno 2015, 4:02am UTC](https://meta.discourse.org/t/how-to-change-notification-level-icons/30568 "2015-06-29T04:02:10Z")
**Posts on this page:** 10
**Page:** 1
### Author:  [@meglio](https://meta.discourse.org/u/meglio)
#### Post date: [29 Giugno 2015, 4:02am UTC](https://meta.discourse.org/t/how-to-change-notification-level-icons/30568/1 "2015-06-29T04:02:11Z")
Is there a way to change tracking icons?
I’d like to try using loud-speaker as a base for all 4 icons. The circle makes little sense and I notice that my users never click there and don’t know what is that for. I think a different icon would bring their attention.
---
### Author:  [@watchmanmonitor](https://meta.discourse.org/u/watchmanmonitor)
#### Post date: [29 Giugno 2015, 6:38am UTC](https://meta.discourse.org/t/how-to-change-notification-level-icons/30568/2 "2015-06-29T06:38:35Z")
I’d be tempted to put a picture of a letter on Watching, since that’s what we use to indicate “yes, you’ll get emailed on this category/topic”
now that I think about it… there’s nothing really alarming to indicate a `!` in the first place.
---
### Author:  [@Tom\_Newsom](https://meta.discourse.org/u/Tom_Newsom)
#### Post date: [29 Giugno 2015, 9:36am UTC](https://meta.discourse.org/t/how-to-change-notification-level-icons/30568/3 "2015-06-29T09:36:43Z")
Add this to your custom CSS:
```css
.icon.fa.fa-circle.tracking::before {
content: "\f0a1";
}
```
That’s just the icon though. You could add a color, background color and radius to make a circle if you’re feeling fancy.
---
### Author:  [@watchmanmonitor](https://meta.discourse.org/u/watchmanmonitor)
#### Post date: [2 Luglio 2015, 4:26pm UTC](https://meta.discourse.org/t/how-to-change-notification-level-icons/30568/4 "2015-07-02T16:26:32Z")
> [@Tom\_Newsom](#):
>
> f0a1
And so for the envelope I want, I’ll use `f003`
I see that these can be looked up on FontAwesome:
[http://fortawesome.github.io/Font-Awesome/icon/envelope-o/](http://fortawesome.github.io/Font-Awesome/icon/envelope-o/)
and snag the Unicode identifier.
Thanks so much @Tom_Newsom
---
### Author:  [@watchmanmonitor](https://meta.discourse.org/u/watchmanmonitor)
#### Post date: [3 Luglio 2015, 4:53am UTC](https://meta.discourse.org/t/how-to-change-notification-level-icons/30568/5 "2015-07-03T04:53:13Z")
So, my completed set is:
```plaintext
.icon.fa.fa-circle.tracking::before {
content: "\f075";
}
.fa.fa-circle.tracking::before {
content: "\f075";
}
.icon.fa.fa-exclamation-circle.watching::before {
content: "\f003";
}
.fa.fa-exclamation-circle.watching::before {
content: "\f003";
}
```
This leaves me with envelopes for topics which will get you emailed (watching), and a chat bubble for topics which will just notify you (tracking).
I don’t know how to put a blue circle around the envelope, but I think this is a great improvement over the Exclamation point.
---
### Author:  [@Mittineague](https://meta.discourse.org/u/Mittineague)
#### Post date: [3 Luglio 2015, 5:05am UTC](https://meta.discourse.org/t/how-to-change-notification-level-icons/30568/6 "2015-07-03T05:05:11Z")
> [@watchmanmonitor](#):
>
> I don’t know how to put a blue circle around the envelope, but I think this is a great improvement over the Exclamation point.
It’s called “stacking”
[http://fortawesome.github.io/Font-Awesome/examples/](http://fortawesome.github.io/Font-Awesome/examples/)
```plaintext
```
---
### Author:  [@Tom\_Newsom](https://meta.discourse.org/u/Tom_Newsom)
#### Post date: [3 Luglio 2015, 8:50am UTC](https://meta.discourse.org/t/how-to-change-notification-level-icons/30568/7 "2015-07-03T08:50:14Z")
Wow, font awesome really is, well, awesome 😄
---
### Author:  [@watchmanmonitor](https://meta.discourse.org/u/watchmanmonitor)
#### Post date: [22 Novembre 2015, 2:38am UTC](https://meta.discourse.org/t/how-to-change-notification-level-icons/30568/8 "2015-11-22T02:38:10Z")
Could anyone indulge me with the syntax of getting a stacked icon to instead of the normal icon?
Circle-thin is a thing in Font-Awesome 4.1, and I’d love to put that around all the iconf for uniformity.
```plaintext
```
---
### Author:  [@dax](https://meta.discourse.org/u/dax)
#### Post date: [18 Maggio 2018, 10:59am UTC](https://meta.discourse.org/t/how-to-change-notification-level-icons/30568/9 "2018-05-18T10:59:42Z")
Changing an icon globally is very simple using APIs
> [@Change icons globally](https://meta.discourse.org/t/change-icons-globally-using-the-apis/87751):
>
> This is an easy way to change a Discourse icon globally. Right click on the icon you want to change and select “Inspect element” or “Inspect” (depends on the browser) Find the icon name Search a new icon here [Find Icons with the Perfect Look & Feel | Font Awesome](https://fontawesome.com/icons?d=gallery), e.g. [external-link-alt](https://fontawesome.com/icons/external-link-alt?style=solid) Customize and add the code in your admin \> customize \> themes \> edit code -\> JS tab // {theme}/javascripts/discourse/api-initializers/init-theme.gjs import { apiInitializer } from "disco…
---
### Author:  [@dax](https://meta.discourse.org/u/dax)
#### Post date: [18 Maggio 2018, 10:59am UTC](https://meta.discourse.org/t/how-to-change-notification-level-icons/30568/10 "2018-05-18T10:59:46Z")