Menu

Beta
Sign in
Beta
Website Down SVG illustration, flat

Website Down SVG illustration, flat

A browser window tips sideways beneath a downward arrow, with fallen blocks nearby. Use it on an outage page or in a downtime notification email.

Free · from Error Pages, Flat Illustrations

Similar SVGs

More from Error Pages, Flat Illustrations

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/9PH4bkeax2a8/amnt.svg" alt="Website Down" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300"><ellipse cx="204" cy="252" rx="136" ry="12" fill="#E9EEF0"/><path d="M187 39Q187 35 191 35H215Q219 35 219 39V83H237Q242 83 239 87L206 122Q203 125 200 122L167 87Q164 83 169 83H187Z" fill="#E7B39C"/><path d="M203 115L232 83H237Q242 83 239 87L206 122Q203 125 200 122L167 87Q164 83 169 83H174Z" fill="#CC9582"/><g transform="rotate(16 192 180)"><rect x="83" y="111" width="216" height="131" rx="10" fill="#7EA5AD"/><rect x="83" y="105" width="216" height="131" rx="10" fill="#D9E5E5"/><path d="M93 105H289Q299 105 299 115V133H83V115Q83 105 93 105Z" fill="#AEC8CC"/><circle cx="97" cy="119" r="3" fill="#F7F8F5"/><circle cx="108" cy="119" r="3" fill="#F7F8F5"/><circle cx="119" cy="119" r="3" fill="#F7F8F5"/><rect x="137" y="114" width="142" height="10" rx="5" fill="#D9E5E5"/><rect x="97" y="146" width="116" height="46" rx="4" fill="#F7F8F5"/><rect x="225" y="146" width="60" height="11" rx="3" fill="#AEC8CC"/><rect x="225" y="166" width="45" height="7" rx="3" fill="#AEC8CC"/><rect x="225" y="181" width="54" height="7" rx="3" fill="#AEC8CC"/><rect x="97" y="205" width="49" height="17" rx="3" fill="#AEC8CC"/><rect x="156" y="205" width="49" height="17" rx="3" fill="#AEC8CC"/><path d="M223 207H239V220H232V225H217V214H223Z" fill="#F7F8F5"/></g><rect x="66" y="227" width="22" height="22" rx="3" transform="rotate(-17 77 238)" fill="#AEC8CC"/><path d="M65 242L86 236L89 246L68 252Z" fill="#7EA5AD"/><rect x="302" y="222" width="26" height="26" rx="3" transform="rotate(13 315 235)" fill="#E7B39C"/><rect x="275" y="246" width="15" height="12" rx="2" transform="rotate(-8 282 252)" fill="#AEC8CC"/><rect x="333" y="247" width="10" height="9" rx="2" transform="rotate(18 338 251)" fill="#7EA5AD"/><path d="M311 198L314 207M330 212L324 217" fill="none" stroke="#AEC8CC" stroke-width="3" stroke-linecap="round"/></svg>
CSS background-image
.website-down {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/9PH4bkeax2a8/amnt.svg");
  background-size: contain;
}
React
import WebsiteDownSvg from "./website-down.jsx"; // from the React tab above

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

Tags

websitedownoutagebrowsererrorsillustrationflat

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Website Down: A browser window tipped sideways beneath a downward arrow, with small fallen blocks. as part of the pack Error Pages, 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