Great article! I must admit I still a big fan and user of the “traditional” sprite technique. I place all my SVG icons inside a single image in Illustrator, export from there and then target them using background-position. Thats kind-of a mixture of technique 2 and 3. I also export the same sprite as a PNG for browser support.
It’s definitely not the most up-to-date way of doing it. I would like to export one sprite then change the colors using CSS. But I’m still exporting the different color variations when they’re required.
But it works pretty much 100% of the time – all the time.
Abbas
Great article! I must admit I still a big fan and user of the “traditional” sprite technique. I place all my SVG icons inside a single image in Illustrator, export from there and then target them using background-position. Thats kind-of a mixture of technique 2 and 3. I also export the same sprite as a PNG for browser support.
It’s definitely not the most up-to-date way of doing it. I would like to export one sprite then change the colors using CSS. But I’m still exporting the different color variations when they’re required.
But it works pretty much 100% of the time – all the time.