All courses
Resource hub
Featured resource
pluralsight tech forecast
2025 Tech Forecast

Which technologies will dominate in 2025? And what skills do you need to keep up?

Check it out
Hamburger Icon
  • Course
    • Libraries: If you want this course, consider one of these libraries.
    • Core Tech

Creating Responsive SVGs in Illustrator and CSS

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

Gary Simon - Pluralsight course - Creating Responsive SVGs in Illustrator and CSS
by Gary Simon
Get started Video play icon Preview course

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.

Table of contents

About the author

Gary Simon - Pluralsight course - Creating Responsive SVGs in Illustrator and CSS
Gary Simon

Gary Simon has worked exclusively as a freelance designer and design instructor for over 15 years.

More Courses by Gary