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…

[image] 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: [image] Don: This theme component is functional as a template, please fork it on Github or use the code to your project. Which would expl…

[image] 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…

[image] 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. …

[image] 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: [image] Discourse Nav Item Icon / Emoji Theme component information_source Summary Add Icon / Emoji before nav item hammer_and_wrench Repository GitHub - VaperinaDEV/di…

Discourse Easy 'SVG Icon' and 'Emoji' in CSS

Development

Don March 26, 2024, 6:42am 9

Yeah, that’s the reason it placed in Development category but no worries I’ll make a Customization > Theme component for this use case.

Topic		Replies	Views
Discourse Nav Item Icon / Emoji Theme component	10	927	August 21, 2024
Introducing Font Awesome 5 and SVG icons Announcements new-feature	131	44381	December 1, 2023
Add Sidebar support "Discourse Icon" & more Feature doc-categories	5	241	July 9, 2025
Replace Discourse's default SVG icons with custom icons in a theme Developer Guides how-to , theme-guides	10	9400	February 24, 2026
Discourse Icon Theme component official , discourse-icon	19	5700	December 13, 2024

Discourse Easy 'SVG Icon' and 'Emoji' in CSS

Related topics