Every picture in the library follows these, and so does every download.
Free empty state SVG illustrations
Packs
Sets drawn in one style.
Tags
About this page
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.
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.