Menu

Beta
Sign in
Beta
Access Denied SVG illustration, flat

Access Denied SVG illustration, flat

A raised barrier arm blocks the path to a webpage. Use the illustration on a permissions error screen or in an account access guide.

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/H7VbIdqXppGj/amnt.svg" alt="Access Denied" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300"><ellipse cx="201" cy="256" rx="145" ry="14" fill="#E9EEEF"/><path d="M168 160H252L301 254H112Z" fill="#E9EEEF"/><path d="M206 178H213L215 193H205Z M204 207H217L220 226H202Z M200 240H222L224 254H198Z" fill="#FFFFFF"/><rect x="132" y="43" width="205" height="139" rx="12" fill="#AEC8CC"/><rect x="140" y="51" width="189" height="122" rx="6" fill="#FFFFFF"/><path d="M146 51H323Q329 51 329 57V74H140V57Q140 51 146 51Z" fill="#D9E5E5"/><circle cx="153" cy="63" r="3" fill="#7EA5AD"/><circle cx="164" cy="63" r="3" fill="#7EA5AD"/><circle cx="175" cy="63" r="3" fill="#7EA5AD"/><rect x="152" y="89" width="53" height="66" rx="5" fill="#E9EEEF"/><rect x="219" y="91" width="93" height="9" rx="4" fill="#D9E5E5"/><rect x="219" y="109" width="70" height="7" rx="3.5" fill="#E9EEEF"/><rect x="219" y="125" width="86" height="7" rx="3.5" fill="#E9EEEF"/><rect x="219" y="145" width="40" height="11" rx="5" fill="#AEC8CC"/><rect x="290" y="175" width="13" height="70" rx="4" fill="#7EA5AD"/><rect x="282" y="240" width="29" height="9" rx="4" fill="#AEC8CC"/><rect x="73" y="163" width="42" height="87" rx="7" fill="#7EA5AD"/><path d="M80 163H99V250H80Q73 250 73 243V170Q73 163 80 163Z" fill="#AEC8CC"/><rect x="63" y="245" width="62" height="12" rx="5" fill="#58747D"/><defs><clipPath id="arm"><rect x="86" y="151" width="229" height="23" rx="5"/></clipPath></defs><rect x="86" y="155" width="229" height="23" rx="5" fill="#7EA5AD"/><rect x="86" y="151" width="229" height="23" rx="5" fill="#FFFFFF"/><g clip-path="url(#arm)" fill="#D99583"><path d="M111 151H132L117 174H96Z"/><path d="M154 151H175L160 174H139Z"/><path d="M197 151H218L203 174H182Z"/><path d="M240 151H261L246 174H225Z"/><path d="M283 151H304L289 174H268Z"/></g><circle cx="94" cy="163" r="15" fill="#58747D"/><circle cx="94" cy="163" r="7" fill="#D9E5E5"/><circle cx="94" cy="201" r="5" fill="#D99583"/><path d="M189 169V179 M224 169V179" fill="none" stroke="#58747D" stroke-width="3" stroke-linecap="round"/><rect x="180" y="176" width="53" height="46" rx="8" fill="#D9E5E5"/><circle cx="206.5" cy="199" r="15" fill="#D99583"/><rect x="196" y="196" width="21" height="6" rx="3" fill="#FFFFFF"/></svg>
CSS background-image
.access-denied {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/H7VbIdqXppGj/amnt.svg");
  background-size: contain;
}
React
import AccessDeniedSvg from "./access-denied.jsx"; // from the React tab above

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

Tags

access deniedblockedpermissionwebpageerrorsillustrationflat

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Access Denied: A raised barrier arm blocking a path toward a webpage. 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