# How do I put gradient on thin icons?

**URL:** https://meta.discourse.org/t/how-do-i-put-gradient-on-thin-icons/259429
**Category:** Development
**Created:** [March 26, 2023, 1:00am UTC](https://meta.discourse.org/t/how-do-i-put-gradient-on-thin-icons/259429 "2023-03-26T01:00:51Z")
**Posts on this page:** 1
**Showing post:** 6

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [March 28, 2023, 4:00am UTC](https://meta.discourse.org/t/how-do-i-put-gradient-on-thin-icons/259429/6 "2023-03-28T04:00:00Z")

</div>

I edited my theme CSS/HTML vis Customize → Themes from the admin panel.

1. Either edit your theme or create a theme component here by following [Beginner's guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966#create-new-themes-and-theme-components-7).

2. Click on `Edit CSS/HTML`

3. In `Body` tab, you put the SVG code  
In `Common` tab, you put the CSS

 ![image](https://global.discourse-cdn.com/meta/original/4X/8/5/f/85fad108f3eda0735a54f27ac4fb27b19c5cbc7f.png)  
 ![image](https://global.discourse-cdn.com/meta/original/4X/a/8/1/a810b03c4c203e46607fce06e2a094b4229b00a0.png)

---

_[View the full topic](https://meta.discourse.org/t/how-do-i-put-gradient-on-thin-icons/259429)._