Yelp Facebook LinkedIn YouTube Twitter Instagram

Classes available in-person (strict social distancing) or live online with an extended free retake period. See details.

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)
  • Students learning graphic design & coding at Noble Desktop

    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 hands-on at Noble Desktop

    30 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.

Highly Reviewed by Our Alumni

From our hands-on training style to world-class instructors and proprietary curriculum, we deliver a learning experience our alumni can be proud of.