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.
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:
Thanks for your answers. Could you give me an answer for a dummy, though? For example, if I want to color an icon with the HEX value “424747”, what should I write exactly in the CSS or the html field?
Sorry and thank you!
SVG Fill test.atype.zip (133.4 KB) It would be cool if you could target the fill attribute of the embedded svg from within antetype. Then, you could set its colour in the css field, using the fill attribute. Like in this example:
Unfortunately there is nothing new on this topic.
But instead of a CSS filter I would suggest using the fill property in the custom CSS field. css fill.zip (111.5 KB)