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
