# 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:** 2

<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 6, 2025, 11:27pm UTC](https://meta.discourse.org/t/from-text-to-icon/345840/2 "2025-01-06T23:27:28Z")

</div>

You’ll need to first upload your SVG file in the Uploads section. For the SCSS variable name, do something short and succint.  
Then, add this bit to the Common tab:

```css
th.posts.sortable.num.topic-list-data {
  content: url($name-of-variable);
}

```

Note that you should not put quotes inside of the url parentheses.

---

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