Intro to SVG

All Things Open 2018

Slides

⬇️ Download slides and examples from Google Drive

P.S. There are a ton more examples to check out in this 🔬 CodePen collection.

Resources

Scalable Vector Graphics

Shapes, Fills, and Strokes

SVG + CSS

SVG Sizing

Optimization

Credits

  • Photo by Wes Hicks on Unsplash
  • The Historia Urban Font by Typia Nesia
  • Copy from Wikipedia
  • Logo from Hatchful by Shopify