# From text to icon

**URL:** <https://meta.discourse.org/t/from-text-to-icon/345840>\
**Category:** Product Support\
**Created:** [January 6, 2025, 4:15pm UTC](https://meta.discourse.org/t/from-text-to-icon/345840 "2025-01-06T16:15:03Z")\
**Posts on this page:** 1\
**Showing post:** 6

<div class="post-metadata">

**Author:** ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)\
**Post date:** [January 7, 2025, 11:11am UTC](https://meta.discourse.org/t/from-text-to-icon/345840/6 "2025-01-07T11:11:54Z")

</div>

The variable name is the one you entered when you uploaded the SVG file.

> ⚠ You will need to be an Admin to do this.

* * *

1. Go to `/admin` on the forum.
2. In the sidebar, choose Components under the Customizations section and make a new one.
3. Upload the SVG file under Uploads at the bottom of the component’s page.
4. Choose a name for the variable (in the upload file modal)
5. Use the code in my post:

> [@NateDhaliwal](#):
>
> ```css
> th.posts.sortable.num.topic-list-data {
> content: url($name-of-variable);
> }
> 
> ```

1. Replace `name-of-variable` with the name you chose in Step 4. Keep the `$` before the variable name.
2. You’re good to go!

---

_[View the full topic](https://meta.discourse.org/t/from-text-to-icon/345840)._