Free empty state SVG illustrations
10 SVGs
Empty state illustrations help explain what someone sees when a page has nothing to show. Use them for an empty shopping cart, no search results, an inbox with no messages, or a dashboard before data arrives. They can also give someone a clear starting point on a new account page.
On this page, you can recolour an illustration or the whole grid. You can also change stroke width, size, opacity and rotation. Copy the SVG code, use a CSS background-image or mask-image data URI, or export PNG, WebP or JPG. React components and data URIs are available too. Free items are available for personal projects with a free account.
Packs
Sets drawn in one style.
Not what you need?
Describe it: the SVG studio opens with this style filled in.
More illustrations
Questions
- Can I change the colour of an empty state illustration?
- Yes. You can recolour an item or the whole grid on the page, and change stroke width, size, opacity and rotation.
- Can I use these illustrations in a commercial project?
- Free accounts can use free items for personal projects. Pro and Max accounts get a commercial licence for what they download; the licence stays in place after download, and no credit line is needed.
- How can I export an illustration?
- You can copy the SVG code or export CSS, PNG, WebP, JPG, a React component or a data URI.