Yelp Facebook YouTube Twitter Instagram

Intro to SVG (Scalable Vector Graphics)

Free Seminar

If you’re not saving your vector graphics (icons, logos, etc) as SVG for use in your webpages, you should be! Instead of using pixel-based PNGs, keep the graphics as their native vectors (so they download faster and can be used at any size). As great as that is, you can even use JavaScript to animate them!

Get started learning why and how you should be using SVG in this free class, before diving into one of our hands-on classes including Illustrator, SketchAdobe XD, and Web Coding.

Not currently scheduled. Want to see this seminar again? Send us a note:

What You’ll Learn

  • Overview of SVG
  • Ways to use SVG in webpages
  • Tips and best practices for saving graphics as SVG in Adobe Illustrator, Sketch, and Adobe Experience Design (XD)
  • Making sure your web server supports SVG
  • Styling SVG with CSS
  • Animating SVG with the GreenSock Animation Platform (GSAP)

Learn Real-world Design & Coding Skills

“Noble Desktop is far and away the most efficient way of gaining computer graphics skills. They give real-world exercises to work on, teach best practices, and inspire many an ‘aha!’ moment. Highly recommended.”
Joanne Hu

Students learning graphic design & coding at Noble Desktop

28 Years of Experience

Since 1990 we have perfected the craft of teaching. If students get hung up on an issue, we tweak the class to make it better. We’re the longest running independent training center for code and design in NYC.

Students learning hands-on at Noble Desktop