How to work with SVG icons

Direct Link

Solid basics of an SVG icon system in this guide from Florens Verschelde, mixed with some good tricks: the two-color trick, pre-loading the sprite, and using custom properties for unlimited color variations. Also an interesting bit about using multiple methods …

Avatar of Chris Coyier
Shared by Chris Coyier on (Updated on )

Using SVG

SVG is an image format for vector graphics. It literally means Scalable Vector Graphics. Basically, what you work with in Adobe Illustrator. You can use SVG on the web pretty easily, but there is plenty you should know.…

Avatar of Chris Coyier
Chris Coyier on (Updated on )