Svg Color Fill Change. Svg icons that are designed to be styled can do just that. These colors are sorted by their color name.
For shapes and text it's a presentation attribute that defines the color (or any svg paint servers like gradients or patterns) used to paint the element; You will see the change in color reflected live in the icon’s preview. It extracts and replace all the colors and, if necessary, will automatically generate more colors to fill the whole palette.
Signup or login using your facebook or google account to download the svg and png output files.
Communicating state within an icon is often times as simple as using color. Also, as svg is based on xml, you can edit svg file in any. See the pen lcdbd by chris coyier ( @chriscoyier ) on codepen. Unlike with fonts, color doesn’t have any effect on svg icons: