# Font Awesome in text

**URL:** https://meta.discourse.org/t/font-awesome-in-text/347952
**Category:** Support
**Created:** [January 20, 2025, 3:18am UTC](https://meta.discourse.org/t/font-awesome-in-text/347952 "2025-01-20T03:18:52Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![Eduardo\_Braga](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eduardo_braga/32/110348_2.png) [@Eduardo\_Braga](https://meta.discourse.org/u/Eduardo_Braga)
#### Post date: [January 20, 2025, 3:18am UTC](https://meta.discourse.org/t/font-awesome-in-text/347952/1 "2025-01-20T03:18:52Z")

</div>

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”; }

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

---

<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: [January 20, 2025, 11:49am UTC](https://meta.discourse.org/t/font-awesome-in-text/347952/2 "2025-01-20T11:49:14Z")

</div>

> [@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](https://meta.discourse.org/t/discourse-easy-svg-icon-and-emoji-in-css/300656):
>
> Hello wave This topic contain two theme component. Discourse Easy SVG Icon CSSwarning 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](https://meta.discourse.org/t/replace-discourses-default-svg-icons-with-custom-icons-in-a-theme/115736):
>
> 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.](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966#create-new-themes-and-theme-components-7)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\> …