Beta

Website Down SVG illustration, flat

Free
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.

Sign in to download. Free SVGs are free with any account.

websitedownoutagebrowsererrorsillustrationflat

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

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.

Rest of Error Pages, 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