12 April 2017 08:15
CSS - SVG - fill | CSS-Tricks
Another Use Case:
The fill property is one of many reasons SVG is a much more flexible option than typical image files. Let's take icons, as an example.
We might have the same set of icons but in two different color schemes. Typical image files (such as JPG, PNG and GIF) would require us to make two versions of each icon — one for each color scheme.
SVG, on the other hand, allows us to paint the icons in using the CSS fill property:
.icon {
fill: black;
}
.icon-secondary {
fill: orange;
}
1
(1 marks)
