Hi mate! Nice article... I just wanted to mention that we're using postcss-inline-svg plugin and it gives us the ability to change fill and stroke colors using CSS vars with color functions, it's a good solution just for the icons. But, there's one issue though, it's not DRY, so if you want to change icon fill on hover you have to duplicate icon. But, it's clean and work's like a charm.
Hi Mihael, thank you for your input. I will check out the plugin you've mentioned. I've noticed that there is a noticeable tradeoff in every icon system: Caching, accessibility, customization, DRY as in your case, etc. I guess it depends on priorities on the project and design itself.
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
Hi mate! Nice article... I just wanted to mention that we're using postcss-inline-svg plugin and it gives us the ability to change fill and stroke colors using CSS vars with color functions, it's a good solution just for the icons. But, there's one issue though, it's not DRY, so if you want to change icon fill on hover you have to duplicate icon. But, it's clean and work's like a charm.
Hi Mihael, thank you for your input. I will check out the plugin you've mentioned. I've noticed that there is a noticeable tradeoff in every icon system: Caching, accessibility, customization, DRY as in your case, etc. I guess it depends on priorities on the project and design itself.