# Icons made in Inkscape and Photoshop do not have colors changed via CSS
**URL:** https://meta.discourse.org/t/icons-made-in-inkscape-and-photoshop-do-not-have-colors-changed-via-css/267408
**Category:** Development
**Created:** [June 6, 2023, 3:20pm UTC](https://meta.discourse.org/t/icons-made-in-inkscape-and-photoshop-do-not-have-colors-changed-via-css/267408 "2023-06-06T15:20:22Z")
**Posts on this page:** 8
**Page:** 1
I made some icons to put on my forum, I made these icons in Photoshop, but when I change their colors via CSS they don’t change, all the other icons that I downloaded from the google site change, except the icons that I I did it in photoshop
the svg icon downloaded from the google site that symbolizes the news has its color changed by the css
the TV icon that I made in photoshop does not change the color by CSS
svg news
```plaintext
```
svg TV
```plaintext
```
css
```plaintext
#my-gradient-1 {
--color-stop-1: #01cafb;
--color-stop-2: #87fc9d;
}
#my-gradient-2 {
--color-stop-1: #01cafb;
--color-stop-2: #87fc9d;
--color-stop-3: #01cafb;
}
.svg-icon, .svg-icon-title {
/* targets only chat icon */
&.d-icon-news {
fill: url(#my-gradient-2) var(--header_primary-low-mid);
}
&.d-icon-tv {
fill: url(#my-gradient-2) var(--header_primary-low-mid);
}
```
---
Your TV icon is an embedded PNG (`xlink:href="data:img/png...`), not actually a SVG.
You need a SVG with proper vector paths so the browser can apply the fill color.
---