# Font Awesome im Text

**URL:** https://meta.discourse.org/t/font-awesome-in-text/347952
**Category:** Support
**Created:** [20. Januar 2025 um 03:18 UTC](https://meta.discourse.org/t/font-awesome-in-text/347952 "2025-01-20T03:18:52Z")
**Posts on this page:** 1
**Showing post:** 2

<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: [20. Januar 2025 um 11:49 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?u=cocoquark):
>
> 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\> …

---

_[View the full topic](https://meta.discourse.org/t/font-awesome-in-text/347952)._
