Hacker News new | ask | show | jobs
by jakobegger 4138 days ago
I was completely amazed when I recently checked browser support for inline SVG; almost all current browsers support them! [1] So I decided to use inline SVG for icons and logos. It's extremely fast (no separate network request, images embedded in gzipped html source), and as a bonus I can style the images easily using CSS (eg. change colors on hover/active state)

Example see here: http://jsfiddle.net/Lszz5392/1/

The nicest part about this is that I can use Adobe Illustrator (or any other vector editor) to create the graphics, and then paste them straight into HTML.

[1]: http://caniuse.com/#feat=svg-html5

1 comments

It might sound weird but I actually like to draw simple SVG images using text editor. SVG is well suited for that, it's readable and compact.
Yes, I've done that too. What's even nicer is that you can write scripts that generate SVG. Drawing symmetric things like a gear can be very cumbersome in a vector editor, but it's really nice if you draw it with a script. (And I was finally able to make use of all the math & geometry I learned in school)