SVG

Scalable
Vector
Graphics

Benefits

• Infinitely Scalable
• Low Cost
• Eliminates Screen Resolution Headaches
• Can Be Used in a Modular Fashion
• Potential for Animations/Interactions
• All Sorts of Weird Wild Stuff!
• Fast & Easy Icon Systems

Downsides

• IE8 Can't handle it (needs fallbacks)
• Slow rendering depending on hardware and complexity of SVG

Examples

• Codepen Collection: bit.ly/1Kd0bxW
• Codrops Demo
• Playstation4 Review
• My Killer SVG Workflow demo
• A long time ago...