Expanded Library

Creating Responsive SVGs in Illustrator and CSS

by Gary Simon

Throughout these Illustrator and CSS tutorials, you'll learn how to make SVG (Scalable Vector Graphics) responsive. Software required: Adobe Illustrator CC 2014.

What you'll learn

Throughout these Illustrator and CSS tutorials, you'll learn how to make SVG (Scalable Vector Graphics) responsive. We'll first step inside of Adobe Illustrator to design custom SVGs for our project. Next, we'll export the SVGs and, through HTML and CSS, you'll learn how to manipulate the SVGs based on media queries. By the end of the Illustrator and CSS training, you'll understand how to make the SVGs interactive with hover and click events. Software required: Adobe Illustrator CC 2014.

About the author

Gary Simon has worked exclusively as a freelance designer and design instructor for over 15 years. Having worked with a large clientele on many identity and web design projects, Gary has a solid understanding of many technologies and skills surrounding the design and development industry.

Ready to upskill? Get started