Lessons:8Length:52 minutes
Take the Quiz
Think you understand SVG? Test your knowledge in our quiz: Do You Understand SVG?
Next lesson playing in 5 seconds
CancelFree Preview: Using SVG Sprites
Introduction
01:26
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.Introduction1 lesson, 01:26
1 lesson, 01:26
Free Lesson 1.1Introduction01:26
Free Lesson
1.1
Introduction
01:26
2.Inline SVG Sprites3 lessons, 26:54
3 lessons, 26:54
Free Lesson 2.1Creating an SVG08:45
Free Lesson
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 Cropping3 lessons, 21:50
3 lessons, 21:50
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.Conclusion1 lesson, 01:26
1 lesson, 01:26
4.1Final Thoughts01:26
4.1
Final Thoughts
01:26
Subscribe to watch full course
Subscribe to watch full course