No Data SVG illustration, flat

Free

A blank chart with empty axes sits beside a disconnected data point. Use it in analytics reports and monitoring screens when there is no data to plot.

Fixed colourcurrentColor becomes your colour

Inline styleOne style attribute per shape

Minified

no data empty chart missing data empty states illustration flat

How to use it

HTML <img>

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/4KR6upxWQVs3/amnt.svg" alt="No Data" width="48" height="48">

Inline SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" fill="none"><ellipse cx="196" cy="252" rx="143" ry="13" fill="#E9EDF2"/><rect x="52" y="48" width="266" height="194" rx="15" fill="#DCE3EC"/><rect x="46" y="42" width="266" height="194" rx="15" fill="#F5F7FA"/><path d="M61 42H297C305.284 42 312 48.7157 312 57V75H46V57C46 48.7157 52.7157 42 61 42Z" fill="#E9EDF2"/><circle cx="64" cy="59" r="3" fill="#B5C1D1"/><circle cx="76" cy="59" r="3" fill="#B5C1D1"/><circle cx="88" cy="59" r="3" fill="#B5C1D1"/><path d="M84 111H280M84 140H280M84 169H280" stroke="#E9EDF2" stroke-width="2" stroke-linecap="round"/><path d="M123 100V198M172 100V198M221 100V198M270 100V198" stroke="#E9EDF2" stroke-width="2" stroke-linecap="round"/><path d="M84 98V198H282" stroke="#94A5BB" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M78 111H84M78 140H84M78 169H84M123 198V204M172 198V204M221 198V204M270 198V204" stroke="#94A5BB" stroke-width="2" stroke-linecap="round"/><ellipse cx="341" cy="239" rx="17" ry="4" fill="#DCE3EC"/><circle cx="341" cy="205" r="15" fill="#E6EFF0"/><circle cx="341" cy="205" r="7" fill="#79AAA8"/><path d="M341 179V174M361 185L365 181M367 205H372" stroke="#B5C1D1" stroke-width="2" stroke-linecap="round"/></svg>

CSS background-image

.no-data {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/4KR6upxWQVs3/amnt.svg");
  background-size: contain;
}

React

import NoDataSvg from "./no-data.jsx"; // from the React tab above

<NoDataSvg width={48} height={48} />

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words No Data: Blank chart panel with empty axes and a small disconnected data point beside it. as part of the pack Empty States, Flat Illustrations. Want one like it? Make your own in the SVG studio.

Rest of Empty States, Flat Illustrations

Whole pack

Similar SVGs

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence