Take the Quiz
Think you understand SVG? Test your knowledge in our quiz: Do You Understand SVG?
SVG technology has been around for years, but it has only recently started gaining wide usage. In this course, I’ll show you how to combine multiple scalable sprite images into a single SVG and display them on your web pages. The techniques discussed in this course will put you on track to create icon sets which are conveniently contained in a single file.
Learn how to use Gulp to build an SVG sprite system in our Coffee Break Course:
1.Introduction
1.1Introduction01:26
1.1
Introduction
01:26
2.Inline SVG Sprites
2.1Creating an SVG08:45
2.1
Creating an SVG
08:45
2.2Combining Multiple Sprites09:04
2.2
Combining Multiple Sprites
09:04
2.3Making “Use” of Your Sprites09:05
2.3
Making “Use” of Your Sprites
09:05
3.SVG Cropping
3.1Preparing Your SVG in Adobe Illustrator07:22
3.1
Preparing Your SVG in Adobe Illustrator
07:22
3.2Understanding the Viewbox05:11
3.2
Understanding the Viewbox
05:11
3.3Cropping Your Graphics09:17
3.3
Cropping Your Graphics
09:17
4.Conclusion
4.1Final Thoughts01:26
4.1
Final Thoughts
01:26
