Hello :wave: This topic contain two theme component. Discourse Easy SVG Icon CSS :warning: This theme component is functional as a template, please fork it on Github or use the code to your project. You can remove the icons svg codes from the SCSS and only keep those what you really actually us…

Good Morning @Don , I have been ardently following your work and believe I have incorporated all your creations into my forum. However, with this particular item, I am uncertain. Since the upgrade of the discourse, my mind has become muddled, and I cannot recall where to implement these CSS codes. I…

[صورة] Aaron Walsh: I have integrated your GitHub code into the theme I believe the theme is supposed to be an editable base for you to work from: [صورة] Don: This theme component is functional as a template, please fork it on Github or use the code to your project. Which would explai…

[صورة] Firepup Sixfifty: I believe the theme is supposed to be an editable base for you to work from: [Screenshot_20240325_115532_Chrome] Shouldn’t this be visible to us? [Screenshot_20240325_115729_Chrome] or [Screenshot_20240325_120045_Chrome]

No, as it is a remote theme, meaning you must either download it from GitHub and upload as a zip to your instance, or fork the GitHub repository and make your changes there.

Indeed, this is an entirely novel concept to me. However, I comprehend your point; each day is an opportunity for learning, and I appreciate the swift response.

Hey @Aaron_Walsh :waving_hand: Did it work finally for you? Is there any specific use case where you want to use this? If you share some details I can make a separate theme component based on this where it can easily modifiable with settings.

Good Morning, The endeavor would have been successful; however, I no longer possess a Windows laptop for editing purposes. Instead, I have transitioned to using a Samsung Galaxy S9 Ultra, a decision I now find somewhat regrettable :sweat_smile:. There exists a method through which I can accomplish…

[صورة] Aaron Walsh: Nevertheless, I must apologetically note that the work you have crafted may prove to be intricate for some individuals. Yeah, that’s the reason it placed in Development category but no worries I’ll make a Customization > Theme component for this use case. …

[صورة] Don: Yeah, that’s the reason it placed in Development category Apologies, that was my oversight! However, moving forward, I will be better informed about this.

Hello :waving_hand: This Customization > Theme component is done. :white_check_mark: [صورة] Discourse Nav Item Icon / Emoji Theme component information_source Summary Add Icon / Emoji before nav item hammer_and_wrench Repository GitHub - VaperinaDEV/dis…

Discourse: استخدام 'SVG Icon' و 'Emoji' بسهولة في CSS

الموضوع		الردود	مرات العرض	النشاط
Discourse Nav Item Icon / Emoji Theme component	10	849	21 أغسطس 2024
Introducing Font Awesome 5 and SVG icons Announcements new-feature	131	43372	1 ديسمبر 2023
Add Sidebar support "Discourse Icon" & more Feature doc-categories	5	171	9 يوليو 2025
Replace Discourse's default SVG icons with custom icons in a theme Developer Guides how-to , theme-guides	10	9083	24 فبراير 2026
Discourse Icon Theme component official , discourse-icon	19	5519	13 ديسمبر 2024

Discourse Nav Item Icon / Emoji

Theme component

10

849

21 أغسطس 2024

Introducing Font Awesome 5 and SVG icons

Announcements

new-feature

131

43372

1 ديسمبر 2023

Add Sidebar support "Discourse Icon" & more

Feature

doc-categories

5

171

9 يوليو 2025

Replace Discourse's default SVG icons with custom icons in a theme

Developer Guides

how-to , theme-guides

10

9083

24 فبراير 2026

Discourse Icon

Theme component

official , discourse-icon

19

5519

13 ديسمبر 2024

Discourse: استخدام 'SVG Icon' و 'Emoji' بسهولة في CSS

الموضوعات ذات الصلة