# Add Sidebar support "Discourse Icon" & more

**URL:** https://meta.discourse.org/t/add-sidebar-support-discourse-icon-more/359588
**Category:** Feature
**Tags:** doc-categories
**Created:** [March 31, 2025, 7:48am UTC](https://meta.discourse.org/t/add-sidebar-support-discourse-icon-more/359588 "2025-03-31T07:48:40Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [March 31, 2025, 7:48am UTC](https://meta.discourse.org/t/add-sidebar-support-discourse-icon-more/359588/1 "2025-03-31T07:48:40Z")

</div>

## Feature Request:

Add support for “Discourse Icon” to render in Sidebar also bbcode color  
& Emoji support.

> [@Discourse Icon](https://meta.discourse.org/t/discourse-icon/143374):
>
> discourse2Summary Discourse Icon allows you to use icons from your SVG icon subset in a post.eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/discourse-icon)hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-icon](https://github.com/discourse/discourse-icon)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Features Usage: [wrap=icon id=square][/wrap] Example: This is the icon and the icon. This is the [wrap=icon id=far-square][/wr…

---

<div class="post-metadata">

### Author: ![paulswithers](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/paulswithers/32/309235_2.png) [@paulswithers](https://meta.discourse.org/u/paulswithers)
#### Post date: [October 17, 2024, 4:34pm UTC](https://meta.discourse.org/t/add-sidebar-support-discourse-icon-more/359588/2 "2024-10-17T16:34:10Z")

</div>

Is there a way to change the icon used for a specific link? I dug into the code and it looks like this is hard-coded in at doc-category-sidebar-panel.js and `getPrefixValue()`. Is my reading of the code correct?

If this isn’t possible currently, is it planned for the roadmap?

---

<div class="post-metadata">

### Author: ![MarcP](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/marcp/32/160184_2.png) [@MarcP](https://meta.discourse.org/u/MarcP)
#### Post date: [October 17, 2024, 4:37pm UTC](https://meta.discourse.org/t/add-sidebar-support-discourse-icon-more/359588/3 "2024-10-17T16:37:06Z")

</div>

> [@paulswithers](#):
>
> If this isn’t possible currently, is it planned for the roadmap?

Second this, using emojis in the index would be easy and dynamic, and look very good, but I’d assume FontAwesome would be more in line with Discourse. I think emoji’s look somehow nicer and more inviting on docs.

---

<div class="post-metadata">

### Author: ![pacharanero](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pacharanero/32/500583_2.png) [@pacharanero](https://meta.discourse.org/u/pacharanero)
#### Post date: [July 9, 2025, 6:13pm UTC](https://meta.discourse.org/t/add-sidebar-support-discourse-icon-more/359588/7 "2025-07-09T18:13:38Z")

</div>

> [@MarcP](#):
>
> Second this, using emojis in the index would be easy and dynamic, and look very good, but I’d assume FontAwesome would be more in line with Discourse. I think emoji’s look somehow nicer and more inviting on docs.

Being able to us Emoji, Custom Emoji or Fontawesome would be very very helpful - in my documentation categories the headings would often be something like ‘Digital Ocean’ or ‘AWS’, or ‘Mailgun’ so being able to add the icon for these (even if I have to add them to Custom Emoji manually) would really feed my inner Documentation Obsessive Compulsions (in a good way).

---

<div class="post-metadata">

### Author: ![MarcP](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/marcp/32/160184_2.png) [@MarcP](https://meta.discourse.org/u/MarcP)
#### Post date: [July 9, 2025, 6:22pm UTC](https://meta.discourse.org/t/add-sidebar-support-discourse-icon-more/359588/8 "2025-07-09T18:22:25Z")

</div>

I am patiently waiting 😎

---

<div class="post-metadata">

### Author: ![pacharanero](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pacharanero/32/500583_2.png) [@pacharanero](https://meta.discourse.org/u/pacharanero)
#### Post date: [July 9, 2025, 6:10pm UTC](https://meta.discourse.org/t/add-sidebar-support-discourse-icon-more/359588/9 "2025-07-09T18:10:45Z")

</div>

> [@paulswithers](#):
>
> Is there a way to change the icon used for a specific link? I dug into the code and it looks like this is hard-coded in at doc-category-sidebar-panel.js and `getPrefixValue()`. Is my reading of the code correct?
> 
> If this isn’t possible currently, is it planned for the roadmap?

+1 for a way to use different icons or suppress the icons. Having a 📄 icon exactly the same for each item in the list doesn’t really add anything for me.

In case it helps anyone, here is CSS which suppresses the 📄 in Discourse Doc Categories sidebar lists but doesn’t suppress the sidebar icons/dots elsewhere in Discourse.

```plaintext
.discourse-docs-sidebar-panel {
    .sidebar-section-link .sidebar-section-link-prefix {
        display: none !important;
    }
    .sidebar-section-link-content-text {
        margin-left: 10px;
    }
}

```

The `margin-left: 10px;` bit can be tweaked to align the text in a visually pleasing way to you.

Just put this in your custom theme CSS (or make it part of a bespoke theme component in your site for convenience)
