Streaming live at 10am (PST)

Set svg icon color


#1

Hey guys,

in this video (http://tutorials.webflow.com/styling-arrow-icons) it's possible to change the color of an icon.
I downloaded some icons from https://icomoon.io/app/, uploaded them, gave them a class but when I set the background fill color the icon's background would change, not the symbol's.

How can I do that?


#2

It's an icon FONT so you have to change the FONT color not the BACKGROUND color.


#3

Hello @FvG
There is an excellent resource with great icons and the best is that you can download them as png or svg. Even you can choose the size and colors before downloading to use it directly in Webflow.
The site is http://iconmonstr.com

I hope this helps.
Cheers.


#4

Man, you rock!!!! I love that resource. Thanks so much for sharing smile


#6

Do a google search as well. There are also several great resources online where you can drag and drop icon sets to build your own custom webfont icon sets - they also can be generated from your own svg graphics.


#7

I still would love to see the option to change colors of an SVG file within webflow... any chance this would be in the next update? or should I not keep my expectations that high smiley


#8