VioletPixel

🟩 A Friendly Introduction to SVG

Josh W. Comeau created an incredibly good introduction to SVGs:

SVGs are one of the most exciting technologies we have access to in-browser. We can do so many cool things with SVG. It’s an absolutely critical part of my toolkit.

[...]

But SVGs are also pretty intimidating. The rabbit hole goes deep, and it’s easy to get overwhelmed.

So, in this blog post, I want to share the most important fundamentals, to provide a solid foundation you can build on. I’ll show you why SVGs are so cool, and share a few tricks you can start using right away. ✨

The explanations are clear, the interactive examples are snazzy, and even though it's not particularly long, you'll know a heck of a lot about SVGs when you're done reading.