astro-icon icon indicating copy to clipboard operation
astro-icon copied to clipboard

Cannot change color of icon using styling

Open jamesmcl113 opened this issue 10 months ago • 2 comments

What version of astro-icon are you using?

v1.1.0

Astro Info

Astro                    v4.5.5
Node                     v21.7.1
System                   macOS (x64)
Package Manager          npm
Output                   static
Adapter                  none
Integrations             astro-icon

If this issue only occurs in one browser, which browser is a problem?

Firefox

Describe the Bug

I'm using the standard styling instructions but the color of the svg is not changing. I can see that the style is being applied using the inspector.

What's the expected result?

The icon should change color.

Link to Minimal Reproducible Example

https://github.com/natemoo-re/astro-icon?tab=readme-ov-file#styling

jamesmcl113 avatar Mar 28 '24 23:03 jamesmcl113

Are you using fill or color in the CSS? I noticed after upgrade to a v1 version I had to switch to use color instead, and it seems to be working for me. Just in case it helps!

lindakatcodes avatar Apr 03 '24 17:04 lindakatcodes

See #226 for details as to why this is.

bweis avatar Jun 21 '24 01:06 bweis