Changing the color of an SVG icon


is there a way to change the color of an SVG icon in Antetype? Otherwise I would have to generate three icons for each icon button: blueish grey for normal, black for hover and blue for pressed.

These would be a lot of icons to generate.

Thanks for your time!


Yes, you can. In the CSS field, use a css filter. This will work best for monochrome icons, obviously. Here’s a useful tool if you need colours rather than black and white:

1 Like

You could also paste the svg code in the html field of the style inspector and change the color in the code.