Font Awesome in text

[Eduardo_Braga (Eduardo)]

I’m not able to place the FontAwesome icon where the response number is.

.topic-list .num .badge-posts:before { font-family: FontAwesome; content: “\f075”; }

[CocoQuark (Coconut Flavored Quark)]

@Eduardo_Braga

.topic-list .num .badge-posts:before { font-family: FontAwesome; content: “\f075”; }

Icons can’t be added that way.

If you want to add an icon:

I believe you can’t with CSS only by default, but you can use this non-official helper:

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

Hello This topic contain two theme component. Discourse Easy SVG Icon CSS 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 use… I have imported the mixin file to the common.scss file so you can add your code below that line or separately to the desktop or mobile section. The theme component add the ability to keep the SVG…

If you want to replace an icon:

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

You can replace a Discourse’s default SVG icons individually or as a whole with your own custom SVG and override them within a theme or theme component. Step 1 - Create an SVG Spritesheet To get started, you must create an SVG Spritesheet. This can contain anything from a single additional custom SVG icon up to an entire replacement set of hundreds. The spritesheet should be saved as an SVG file. In principle, you are nesting the <svg> tag contents from the original SVG icon file into <symbol>…