Colours and style

Every picture in the library follows these, and so does every download.

Colour of single-colour icons
Palette for colourful pictures
As drawn
100%
No Data SVG illustration, flat

No Data SVG illustration, flat

A blank chart panel has empty axes and a disconnected data point beside it. Use it in analytics dashboards before reports load or in survey summaries with no responses.

Similar SVGs

More from Empty States, Flat Illustrations · Set 2

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/TNyZbCBd2SsZ/amnt.svg" alt="No Data" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="white" data-name="White"><path d="M119 211v47 7 24 22 22 5 26 4 14 18 43 9 32 61 10 5 9 25 40 6 10 5 13 2 41 57 12c-3 42 68 30 96 30 42 0 83 0 126 0 83 0 168 0 252 0 42 0 83 0 126 0 63 0 59-6 59-66 0-84 0-168 0-252s0-169 0-252c0-63-1-63-63-63-43 0-84 0-126 0-84 0-168 0-252 0-43 0-84 0-126 0-15 0-30 0-44 0-28 0-49 0-48 34zm63 116v-59c-6-1-37 11-16-18 4-6 18-30 25-31 3 0 5 1 7 2 3 1 42 47 17 50-4 0-9-3-13-3l1 462h504c1-5-10-36 17-16 7 5 28 18 29 26 0 2-1 4-2 6-2 5-59 54-42 4h-65c0 7 3 25-8 25s-8-18-8-25h-72c0 7 3 24-8 25s-8-17-8-25l-71 1-1 9c1 7-2 20-12 14-7-4-4-18-4-24h-72c0 7 3 26-8 25s-8-18-8-25h-72c0 7 3 26-8 25s-8-18-8-25c-16 0-73 3-85-2-4-1-7-6-8-10l-1-10-18-1c-3-1-5-4-5-7 0-11 16-8 22-8l1-60c-6-2-23 2-23-9 1-11 17-7 23-9 0-10 3-54-2-60-6 0-21 3-21-7 0-4 2-7 5-8l18-1v-60l-15-1c-9 0-10-11-3-15l18-1v-60l-17-1c-7-2-7-11-1-15l18-1v-59l-4-1-14-1c-5-3-7-10-1-14 5-3 13 0 19-2z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M877 488c-15 3-10 26 5 23 14-4 9-25-5-23z" fill="#fcfcfc" stroke="#fcfcfc"/></g><g id="navy" data-name="Navy"><path d="M140 154c-43 6-44 45-44 79 0 17 0 33 0 51 0 57 0 115 0 173 0 57 0 115 0 173 0 30-5 149 3 169 13 37 50 34 82 34 19 0 38 0 58 0 57 0 115 0 173 0 79 0 158 0 237 0 34 0 74 4 108-1 59-8 44-86 44-128 0-58 0-116 0-173 0-76 0-151 0-226 0-29 5-93-3-117-12-37-50-34-81-34-20 0-39 0-58 0-58 0-116 0-173 0-80 0-160 0-239 0-32 0-77-4-107 0zM119 258v-47c-1-34 20-34 48-34 14 0 29 0 44 0 42 0 83 0 126 0 84 0 168 0 252 0 42 0 83 0 126 0 62 0 63 0 63 63 0 83 0 168 0 252s0 168 0 252c0 60 4 66-59 66-43 0-84 0-126 0-84 0-169 0-252 0-43 0-84 0-126 0-28 0-99 12-96-30v-12-57-41-2-13-5-10-6-40-25-9-5-10-61-32-9-43-18-14-4-26-5-22-22-24z" fill="#031e3d" stroke="#031e3d"/><path d="M182 268v59c-6 2-14-1-19 2-6 4-4 11 1 14l14 1 4 1 1 60h-19c-6 4-6 13 1 15h18v62h-19c-7 4-6 15 3 15h16v62h-19c-3 1-5 4-5 8 0 10 15 7 21 7 4 2 4 53 2 60-6 2-22-2-23 9 0 11 17 7 23 9 2 7 2 57-1 60-6 0-22-3-22 8 0 3 2 6 5 7l18 1 1 10c1 4 4 9 8 10 12 5 69 2 85 2 0 7-3 24 8 25s8-18 8-25h72c0 7-3 24 8 25s8-18 8-25h72c0 6-3 20 4 24 10 6 13-7 12-14l1-9 71-1c0 8-3 26 8 25s8-18 8-25h72c0 7-3 25 8 25s8-18 8-25h65c-17 50 40 1 42-4 1-2 2-4 2-6-1-8-22-21-29-26-27-20-16 11-17 16h-504l-1-462c4 0 9 3 13 3 25-3-14-49-17-50-2-1-4-2-7-2-7 1-21 25-25 31-21 29 10 17 16 18z" fill="#031e3d" stroke="#031e3d"/><path d="M882 462c-63 9-50 109 16 99 63-9 50-108-16-99zm2 15c46-6 56 62 12 69-47 7-56-62-12-69z" fill="#031e3d" stroke="#031e3d"/></g><g id="blue" data-name="Blue"><path d="M884 477c-44 7-35 76 12 69 44-7 34-75-12-69zm-7 11c14-2 19 19 5 23-15 3-20-20-5-23z" fill="#4a8cd9" stroke="#4a8cd9"/><path d="M707 730h-504z" fill="#4a8cd9" stroke="#4a8cd9"/><path d="M164 482h19v-62h-18l17 1v60z" fill="#4a8cd9" stroke="#4a8cd9"/><path d="M164 559h19v-62h-16l15 1v60z" fill="#4a8cd9" stroke="#4a8cd9"/><path d="M164 405h19l-1-60v59z" fill="#4a8cd9" stroke="#4a8cd9"/><path d="M182 634c2-7 2-58-2-60 5 6 2 50 2 60z" fill="#4a8cd9" stroke="#4a8cd9"/><path d="M181 712c3-3 3-53 1-60z" fill="#4a8cd9" stroke="#4a8cd9"/><path d="M182 327v-59z" fill="#4a8cd9" stroke="#4a8cd9"/><path d="M119 258v-47z" fill="#4a8cd9" stroke="#4a8cd9"/><path d="M119 443v-43z" fill="#4a8cd9" stroke="#4a8cd9"/><path d="M119 711v-41z" fill="#4a8cd9" stroke="#4a8cd9"/><path d="M119 634v-40z" fill="#4a8cd9" stroke="#4a8cd9"/><path d="M119 484v-32z" fill="#4a8cd9" stroke="#4a8cd9"/><path d="M119 364v-26z" fill="#4a8cd9" stroke="#4a8cd9"/><path d="M119 289v-24z" fill="#4a8cd9" stroke="#4a8cd9"/><path d="M119 333v-22z" fill="#4a8cd9" stroke="#4a8cd9"/><path d="M182 728l-18-1z" fill="#4a8cd9" stroke="#4a8cd9"/><path d="M178 344l-14-1z" fill="#4a8cd9" stroke="#4a8cd9"/><path d="M119 382v-14z" fill="#4a8cd9" stroke="#4a8cd9"/><path d="M119 668v-13z" fill="#4a8cd9" stroke="#4a8cd9"/><path d="M119 780v-12z" fill="#4a8cd9" stroke="#4a8cd9"/><path d="M119 555v-10z" fill="#4a8cd9" stroke="#4a8cd9"/><path d="M119 650v-10z" fill="#4a8cd
…
CSS background-image
.no-data {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/TNyZbCBd2SsZ/amnt.svg");
  background-size: contain;
}
React
import NoDataSvg from "./no-data.jsx"; // from the React tab above

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

Tags

Made with AMNT

AMNT Draw 1.2 drew this from the words No Data: Blank chart panel with empty axes and a small disconnected data point beside it. A flat illustration. as part of the pack Empty States, Flat Illustrations · Set 2. 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