Craig CampbellAug 11, 2015Lessons: 8Length: 52 minutes

Next lesson playing in 5 seconds

Overview
Transcript

3.1 Preparing Your SVG in Adobe Illustrator

Our next technique involves cropping a single SVG file that contains multiple icons within it. In this lesson, you will learn how to prepare your graphics for this technique in Illustrator.

1.Introduction
1 lesson, 01:26

2.Inline SVG Sprites
3 lessons, 26:54

2.2
Combining Multiple Sprites
09:04

2.3
Making “Use” of Your Sprites
09:05

3.SVG Cropping
3 lessons, 21:50

3.1
Preparing Your SVG in Adobe Illustrator
07:22

3.2
Understanding the Viewbox
05:11

3.3
Cropping Your Graphics
09:17

4.Conclusion
1 lesson, 01:26

Craig has been doodling on computers since the first time he opened Paintbrush in Windows 3.0 in 1990. Since then, he has constantly sought new and exciting ways to make beautiful things on computers.

craigsoup

Using SVG Sprites

Next lesson playing in 5 seconds

3.1 Preparing Your SVG in Adobe Illustrator

1.Introduction
1 lesson, 01:26

1.1
Introduction
01:26

2.Inline SVG Sprites
3 lessons, 26:54

2.1
Creating an SVG
08:45

2.2
Combining Multiple Sprites
09:04

2.3
Making “Use” of Your Sprites
09:05

3.SVG Cropping
3 lessons, 21:50

3.1
Preparing Your SVG in Adobe Illustrator
07:22

3.2
Understanding the Viewbox
05:11

3.3
Cropping Your Graphics
09:17

4.Conclusion
1 lesson, 01:26

4.1
Final Thoughts
01:26

Using SVG Sprites

Next lesson playing in 5 seconds

3.1 Preparing Your SVG in Adobe Illustrator

1.Introduction1 lesson, 01:26

2.Inline SVG Sprites3 lessons, 26:54

3.SVG Cropping3 lessons, 21:50

4.Conclusion1 lesson, 01:26

1.Introduction
1 lesson, 01:26

2.Inline SVG Sprites
3 lessons, 26:54

3.SVG Cropping
3 lessons, 21:50

4.Conclusion
1 lesson, 01:26