Menu

Beta
Sign in
Beta
No Data SVG illustration, flat

No Data SVG illustration, flat

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.

Free · from Empty States, Flat Illustrations

Similar SVGs

More from Empty States, Flat Illustrations

Whole pack

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} />

Tags

no dataempty chartmissing dataempty statesillustrationflat

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.

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

Settings