Menu

Beta
Sign in
Beta
Empty Dashboard SVG illustration, flat

Empty Dashboard SVG illustration, flat

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.

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

Tags

empty dashboardanalyticsblank widgetsempty statesillustrationflat

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.

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