Empty Dashboard SVG illustration, flat

Free

Three blank cards and an empty circular chart fill this dashboard panel. Use it on analytics home pages and project overview screens before metrics are available.

Fixed colourcurrentColor becomes your colour

Inline styleOne style attribute per shape

Minified

empty dashboard analytics blank widgets empty states illustration flat

How to use it

HTML <img>

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/G2reDBkYdFSG/amnt.svg" alt="Empty Dashboard" width="48" height="48">

Inline SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" fill="none"><ellipse cx="202" cy="253" rx="145" ry="12" fill="#E9EDF2"/><rect x="48" y="45" width="310" height="199" rx="15" fill="#DCE3EC"/><rect x="42" y="39" width="310" height="199" rx="15" fill="#F5F7FA"/><path d="M57 39H337C345.284 39 352 45.7157 352 54V72H42V54C42 45.7157 48.7157 39 57 39Z" fill="#E9EDF2"/><circle cx="60" cy="56" r="3" fill="#B5C1D1"/><circle cx="72" cy="56" r="3" fill="#B5C1D1"/><circle cx="84" cy="56" r="3" fill="#B5C1D1"/><rect x="322" y="51" width="12" height="10" rx="3" fill="#DCE3EC"/><path d="M42 72H78V238H57C48.7157 238 42 231.284 42 223V72Z" fill="#E9EDF2"/><rect x="51" y="88" width="18" height="18" rx="5" fill="#D7E7E7"/><rect x="56" y="93" width="8" height="8" rx="2" fill="#79AAA8"/><rect x="55" y="122" width="10" height="10" rx="3" fill="#B5C1D1"/><rect x="55" y="151" width="10" height="10" rx="3" fill="#B5C1D1"/><rect x="55" y="208" width="10" height="10" rx="5" fill="#B5C1D1"/><rect x="94" y="91" width="70" height="51" rx="8" fill="#DCE3EC"/><rect x="94" y="88" width="70" height="51" rx="8" fill="#FFFFFF"/><rect x="177" y="91" width="70" height="51" rx="8" fill="#DCE3EC"/><rect x="177" y="88" width="70" height="51" rx="8" fill="#FFFFFF"/><rect x="260" y="91" width="70" height="51" rx="8" fill="#DCE3EC"/><rect x="260" y="88" width="70" height="51" rx="8" fill="#FFFFFF"/><circle cx="212" cy="188" r="32" fill="#D7E7E7"/><circle cx="212" cy="188" r="23" fill="#F5F7FA"/></svg>

CSS background-image

.empty-dashboard {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/G2reDBkYdFSG/amnt.svg");
  background-size: contain;
}

React

import EmptyDashboardSvg from "./empty-dashboard.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Empty Dashboard: Dashboard panel with three blank cards and an empty circular chart. 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