Learn SVG

Create scalable vector graphics for your website with our SVG tutorials. From simple icons to complex illustrations, we'll show you how to make your visuals shine.
Read more
Read less
All content
Courses
Tutorials

All SVG courses:

  1. Using Figma for SVG Design

    Using Figma for SVG Design

    Course • Beginner

    Figma is becoming very well known as a UI design tool, but on top of its excellent performance in this arena, it is also becoming a favorite for its robust...

  2. Code-Friendly Design With Adobe XD

    Code-Friendly Design With Adobe XD

    Course • Beginner

    When you’re creating a design intended to be handed off to a developer, it’s important that you understand some key factors so that your design translates...

  3. Switching From Font Icons to SVG

    Switching From Font Icons to SVG

    Course • Beginner

    Using SVG to handle the icons in your website designs can provide a number of advantages over using icon fonts. In this course, you'll learn what those...

  4. 5 SVG Text Projects for Web Designers

    5 SVG Text Projects for Web Designers

    Course • Beginner

    SVG has brought some versatile methods into the mix that allow you to create text styles previously only possible within a dedicated graphics application. In...

  5. How to Build an SVG Sprite Using Gulp

    How to Build an SVG Sprite Using Gulp

    Course • Intermediate

    This is a ten-minute “Coffee Break Course” outlining how to use Gulp and associated plugins to build an SVG sprite system. It’s an intermediate level course,...

  6. Animating With Snap.svg

    Animating With Snap.svg

    Course • Intermediate

    SVG is a powerful way to create vector-based graphics that resize flawlessly. In this course, you will learn how to use the Snap.svg JavaScript framework to...

  7. Using SVG Sprites

    Using SVG Sprites

    Course • Intermediate

    SVG technology has been around for years, but it has only recently started gaining wide usage. In this course, I’ll show you how to combine multiple scalable...

  8. Getting Started with SVG for Web Design

    Getting Started with SVG for Web Design

    Course • Beginner

    In this course, Gary Simon will teach you how to use SVG (Scalable Vector Graphics) in your web design projects. You’ll learn how to design and animate...

  9. SVG Uncovered

    SVG Uncovered

    Course • Beginner

    In this course, Dan Wellman will teach you about many different aspects of SVG, including the editors you can use to create SVG images and text, the...

Related Categories

CSS
HTML/CSS
UI Design
Sketch
Unlimited Downloads
From $16.50/month
Get access to over one million creative assets on Envato Elements.
Over 9 Million Digital Assets
Everything you need for your next creative project.
Create Beautiful Logos, Designs
& Mockups in Seconds
Design like a professional without Photoshop.
Join the Community
Share ideas. Host meetups. Lead discussions. Collaborate.
Quick LinksExplore popular categories