Free animated SVG illustrations
Pictures that move
597 pictures with a little life in them: steam off a coffee, snow falling in a snow globe, a front door swinging. Each moves gently and on its own, in your colors, with nothing to install.
Use your brand’s colors from a logo, color codes or one color
Set them once and every picture, download and ZIP uses them. They’re saved in this browser.
Main color
Accent color
Hex codes like #2F5D46, or rgb(47, 93, 70), separated by spaces, commas or lines; a list from a palette site works too. We sort them into Main, Accent, Dark and light colors and work out the rest.
Accent color
Pick your main color, then how the accent sits beside it. “Pick from screen” can take a color from anywhere on your screen, like your current website.
Change any color · your changes are on
Start from a palette or your brand’s colors, then change any color. Every picture follows, and so do ZIPs.
No pictures match. Try another word, like “coffee” or “tools”.
Using animated SVGs
How do I put an animated SVG on my website?
Download the SVG and add it like any image: upload it to your website builder, or use an <img> tag. The motion is built into the file, so there’s no script or plugin to add. If your builder doesn’t take SVG, download the PNG instead; it’s the still picture.
Will the animation slow my site down?
No. Each picture is a small file that moves with a few lines of CSS inside it, and the browser plays it without any script. It also stops for visitors who have asked their device for less motion.
Can I change the colors?
Yes. Pick a palette or set your own colors above, or open a picture and click any part of it to change that color. The file you download is in your colors and still moves.