From software basics to build tools to optimization, you’ll learn techniques for a solid workflow. Go deeper: create icon systems, explore sizing and animation, and understand when and how to implement fallbacks. Get your images up to speed and look sharp!

Practical SVG

Preface

https://learnable-static.s3.amazonaws.com/premium/reeedr/books/practical-svg/images/000070.png

The Basics of Using SVG

https://learnable-static.s3.amazonaws.com/premium/reeedr/books/practical-svg/images/000011.png

Software

https://learnable-static.s3.amazonaws.com/premium/reeedr/books/practical-svg/images/000041.png

Building an Icon System

https://learnable-static.s3.amazonaws.com/premium/reeedr/books/practical-svg/images/000031.png

Build Tools

https://learnable-static.s3.amazonaws.com/premium/reeedr/books/practical-svg/images/000033.png

Optimizing SVG

https://learnable-static.s3.amazonaws.com/premium/reeedr/books/practical-svg/images/000058.png

Sizing and Scaling SVG

https://learnable-static.s3.amazonaws.com/premium/reeedr/books/practical-svg/images/000083.png

Animating SVG

https://learnable-static.s3.amazonaws.com/premium/reeedr/books/practical-svg/images/000035.png

Some Design Features

https://learnable-static.s3.amazonaws.com/premium/reeedr/books/practical-svg/images/000061.png

Fallbacks

I’ve sprinkled links to resources through this book, and I hope you’ve followed them as they’ve cropped up. This section lists documentation, texts, sites, and tools that I find particularly valuable, but that I didn’t explicitly cover in the book or explore in detail. Many of these resources have interactive elements—the web is perfect for that; books, not so much. Be sure to check out these gems:

RESOURCES

Shortened URLs are numbered sequentially; the related long URLs are listed below for reference.

Community Questions