# How can I put custom icons next to categories?

**URL:** https://meta.discourse.org/t/how-can-i-put-custom-icons-next-to-categories/283194
**Category:** Support
**Tags:** category-icons
**Created:** [October 24, 2023, 12:18am UTC](https://meta.discourse.org/t/how-can-i-put-custom-icons-next-to-categories/283194 "2023-10-24T00:18:18Z")
**Posts on this page:** 13
**Page:** 1

<div class="post-metadata">

### Author: ![Skeleton](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/skeleton/32/335075_2.png) [@Skeleton](https://meta.discourse.org/u/Skeleton)
#### Post date: [October 24, 2023, 12:18am UTC](https://meta.discourse.org/t/how-can-i-put-custom-icons-next-to-categories/283194/1 "2023-10-24T00:18:18Z")

</div>

I wanted to put custom icons next to categories, in both full show mode and in the sidebar. I tried the component to do it, but icons just shows blank like there’s nothing there. Anybody can help?

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [October 24, 2023, 2:40pm UTC](https://meta.discourse.org/t/how-can-i-put-custom-icons-next-to-categories/283194/2 "2023-10-24T14:40:17Z")

</div>

Can you confirm this is the component you tried? [Category Icons](https://meta.discourse.org/t/category-icons/104683)

When I use it, it works but isn’t fully compatible with the new category mentions yet.  
Thus, icons are displayed in front of the category, but don’t replace the colored square, except in the sidebar:

 ![image](https://global.discourse-cdn.com/meta/original/4X/d/a/a/daaf3d36c2995db9186f48861db6feb0616fdf94.png)

---

<div class="post-metadata">

### Author: ![Skeleton](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/skeleton/32/335075_2.png) [@Skeleton](https://meta.discourse.org/u/Skeleton)
#### Post date: [October 24, 2023, 4:37pm UTC](https://meta.discourse.org/t/how-can-i-put-custom-icons-next-to-categories/283194/3 "2023-10-24T16:37:06Z")

</div>

Yes i used that component but when i try to add something else other than the help icon, it just won’t display it neither on sidebar nor full categories page. It just goes blank and won’t display the icon or the colored default box.

---

<div class="post-metadata">

### Author: ![Firepup650](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/firepup650/32/465200_2.png) [@Firepup650](https://meta.discourse.org/u/Firepup650)
#### Post date: [October 24, 2023, 7:31pm UTC](https://meta.discourse.org/t/how-can-i-put-custom-icons-next-to-categories/283194/4 "2023-10-24T19:31:52Z")

</div>

Are you adding the icons that you want to add to the second setting? (Don’t remember the name currently)

---

<div class="post-metadata">

### Author: ![Skeleton](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/skeleton/32/335075_2.png) [@Skeleton](https://meta.discourse.org/u/Skeleton)
#### Post date: [October 24, 2023, 7:52pm UTC](https://meta.discourse.org/t/how-can-i-put-custom-icons-next-to-categories/283194/5 "2023-10-24T19:52:43Z")

</div>

Yes i did, i replicated the examples using other icons from font awesome.

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [October 25, 2023, 8:55am UTC](https://meta.discourse.org/t/how-can-i-put-custom-icons-next-to-categories/283194/6 "2023-10-25T08:55:21Z")

</div>

Can you give us a few icon names you tried (the exact name you used in the component’s settings)?

---

<div class="post-metadata">

### Author: ![Skeleton](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/skeleton/32/335075_2.png) [@Skeleton](https://meta.discourse.org/u/Skeleton)
#### Post date: [October 25, 2023, 11:58am UTC](https://meta.discourse.org/t/how-can-i-put-custom-icons-next-to-categories/283194/7 "2023-10-25T11:58:28Z")

</div>

i tried with “telegram” and it’s variants like fa-telegram. And now i don’t remember which other icon. To me doesn’t works with any icon.

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [October 25, 2023, 12:09pm UTC](https://meta.discourse.org/t/how-can-i-put-custom-icons-next-to-categories/283194/8 "2023-10-25T12:09:32Z")

</div>

Yeah, weird, some icons will work (`fa-euro`, `yin-yang`…), but others, like `telegram`, won’t work.  
I don’t know why.

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [October 25, 2023, 12:13pm UTC](https://meta.discourse.org/t/how-can-i-put-custom-icons-next-to-categories/283194/9 "2023-10-25T12:13:03Z")

</div>

I think it’s required the `fab` prefix? 🤔

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [October 25, 2023, 12:13pm UTC](https://meta.discourse.org/t/how-can-i-put-custom-icons-next-to-categories/283194/10 "2023-10-25T12:13:37Z")

</div>

I tried that as well.

edit : oh well, I tried again and it worked.

 ![image](https://global.discourse-cdn.com/meta/original/4X/f/f/e/ffe39576210ce24c40eabd817887b4276d1c944c.png)

![image](https://global.discourse-cdn.com/meta/original/4X/b/e/f/bef189d7d389dcb4ad46f5d09e568cace963a980.png)

It’s not the first time I tried icons in such a theme component and I have the same “it didn’t work” and then “oh, it works in the end”. I wonder if there’s some cache stuff going on or if I’m just clumsy.

re edit: happy birthday Don 🎂 🥳

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [October 25, 2023, 12:17pm UTC](https://meta.discourse.org/t/how-can-i-put-custom-icons-next-to-categories/283194/11 "2023-10-25T12:17:01Z")

</div>

Is there a reliable way to know if we must use a prefix (and which one?) in order to use an icon?

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [October 25, 2023, 12:31pm UTC](https://meta.discourse.org/t/how-can-i-put-custom-icons-next-to-categories/283194/12 "2023-10-25T12:31:29Z")

</div>

I think the brand logo ones need `fab`.

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [November 24, 2023, 12:31pm UTC](https://meta.discourse.org/t/how-can-i-put-custom-icons-next-to-categories/283194/13 "2023-11-24T12:31:36Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
