YesVG—Latest releases with limited time freebies

New graphics and videos get released here, sometimes including freebies you can access for a limited time. Sign up for alerts by email or subscribe to youtube.com/@MattVisiwig.

SVG Award Badge Shapes

a line grid with a slope perspective

alternating lines of morse code like design

rings reflecting like a CD shine animation

embedded circle with rotation outlines

vertical stripe reflection animation

Subtle Line Animation Backgrounds

Triple Threat SVG Icons

green layered rings within rings

infinitely smaller square cutouts within square cutouts

3d aperture background

a background gradient cut into a 4-slice pizza where the crust is light yellow fading to a warm pink then dark purple middle

torn cardboard with shadow

Depth and Shadows

fancy vintage frame

vintage decorative frame

modern angle frame

cutout corner frame

vintage frame

DIV Container Frames

vector leaf

vector flower and bud

vector leaves with stems

vector branch

vector branch sprig

SVG Plants and Leaves

pinwheel shape made of half circles over green background

star shape made of rectangles over green background

leaf shape made of quarter circles over green background

circle shape made of intersecting circles over green background

clover shape made of circles and cones over green background

SVG Shapes: Geometric

Waves section divider

Jagged step section divider

triangle layers section divider

fancy pyramid section divider

wavy flag section divider

SVG Shape Dividers

Hand pointer icon

arrow cursor icon

arrow head cursor icon

target and scope icon

color picker icon

Custom CSS Cursors

open quotation mark square and round

open quotation mark ear pod headphones

open quotation mark organic elegant

open quotation mark modern sharp

open quotation mark tear drops

SVG Quotation Marks for HTML Blockquotes

We’re going to create animated preloaders with SVG and nothing else. No CSS or JS is required. Once you know the basics, it’s easy to make variations.

How to make animated loading graphics with only SVG

hand-drawn star outline doodle

hand-drawn spiral outline doodle

hand-drawn diamond outline doodle

hand-drawn rainbow outline doodle

hand-drawn squiggle outline doodle

SVG Geometric Doodles

spinning loading animation fading dots in circle

motion line making infinite symbol

ball in motion to right animation

spinning gears animation

spinning light around circle tube animation

Animated SVG Preloaders

Musical note icon

color palette icon

Plump SVG Icons

svg double circle

single perfect oval

scribble circles

double oval

thought bubble hand drawn

SVG Circle Doodles

pointy arrow head

three trailing lines arrow

outlined wavy arrow

Arrow sketch, as in bow and arrow

SVG Arrow Doodles

hand-drawn underline waves

hand-drawn underline marker zigzag

hand-drawn underline scribble

hand-drawn underline smile

hand-drawn underline cross out

SVG Underline doodles

Dual chevrons icon

eight sided star

svg bullet icon

SVG List Item Bullets

We're going to demo three practical ways to use SVG blobs in your website design with CSS: as a background, shape divider, and a mask.

3 ways to use SVG blobs on your website (CSS)

Duo-tone SVG Icons

starfish blob

slice of bread looking blob

diamond shaped blob

Storm trooper Helmet looking blob

jelly bean silhouette blob

Simple SVG Blob Shapes

Layers of light yellow fading into a darker yellow background thumb

orange repeating pattern of alternating raised tiles

Winter sky blue sunburst background vector

repeating triangle pattern over sky blue gradient

purple target circles

Free SVG Backgrounds and Patterns