I'm not sure if this is possible, but having an abstraction layer to instantiate an icon, and apply modifications to it before applying it to a destination would be great to cut down on used icons, or may help add more icons in the future.
In a few places I use colorized SVG icons, such as the exit icon or the more recent buttons such as "create new world". The library I used "at-icons" released these icons with a copy in each color.
Before I added these icons to the project, I remove all of the icons that were not white and applied a colorizer over them where ever it was required. While this works, it might be more efficient down the road to have a way to automatically get an icon, apply one of the colors of a given theme, and send it to the desired UI area.
The problem I am really trying to solve is how I can store a theme color-scheme related to icons and easily call upon themed icons from a given white svg.
I'm not sure if this is possible, but having an abstraction layer to instantiate an icon, and apply modifications to it before applying it to a destination would be great to cut down on used icons, or may help add more icons in the future.
In a few places I use colorized SVG icons, such as the exit icon or the more recent buttons such as "create new world". The library I used "at-icons" released these icons with a copy in each color.
Before I added these icons to the project, I remove all of the icons that were not white and applied a colorizer over them where ever it was required. While this works, it might be more efficient down the road to have a way to automatically get an icon, apply one of the colors of a given theme, and send it to the desired UI area.
The problem I am really trying to solve is how I can store a theme color-scheme related to icons and easily call upon themed icons from a given white svg.