Locked Page SVG illustration, flat

Locked Page SVG illustration, flat

A large closed padlock partly covers a webpage. This illustration fits a private-content screen or a guide to page permissions.

Similar SVGs

More from Error Pages, Flat Illustrations

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/YOS4Ji5aXuH1/amnt.svg" alt="Locked Page" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300"><ellipse cx="205" cy="251" rx="140" ry="12" fill="#E9EEF0"/><rect x="62" y="45" width="248" height="193" rx="13" fill="#AEC8CC"/><rect x="62" y="40" width="248" height="192" rx="13" fill="#F5F7F6"/><path d="M75 40H297A13 13 0 0 1 310 53V75H62V53A13 13 0 0 1 75 40Z" fill="#AEC8CC"/><circle cx="79" cy="57" r="4" fill="#F5F7F6"/><circle cx="93" cy="57" r="4" fill="#F5F7F6"/><circle cx="107" cy="57" r="4" fill="#F5F7F6"/><rect x="142" y="52" width="147" height="10" rx="5" fill="#D9E5E5"/><rect x="82" y="94" width="75" height="64" rx="6" fill="#D9E5E5"/><path d="M89 145L108 123L121 137L133 128L150 145Z" fill="#AEC8CC"/><circle cx="138" cy="110" r="7" fill="#F5F7F6"/><rect x="173" y="96" width="91" height="9" rx="4.5" fill="#7EA5AD"/><rect x="173" y="115" width="110" height="7" rx="3.5" fill="#D9E5E5"/><rect x="173" y="131" width="70" height="7" rx="3.5" fill="#D9E5E5"/><rect x="82" y="177" width="94" height="8" rx="4" fill="#AEC8CC"/><rect x="82" y="195" width="114" height="7" rx="3.5" fill="#D9E5E5"/><rect x="82" y="211" width="81" height="7" rx="3.5" fill="#D9E5E5"/><path d="M224 167V134A43 43 0 0 1 310 134V167H293V134A26 26 0 0 0 241 134V167Z" fill="#7EA5AD"/><path d="M224 158V134A43 43 0 0 1 310 134V158H303V134A36 36 0 0 0 231 134V158Z" fill="#AEC8CC"/><rect x="204" y="154" width="126" height="92" rx="13" fill="#C98F79"/><rect x="204" y="150" width="126" height="90" rx="13" fill="#E7B39C"/><path d="M217 150H317A13 13 0 0 1 330 163V169H204V163A13 13 0 0 1 217 150Z" fill="#E7B39C"/><circle cx="267" cy="188" r="11" fill="#526C78"/><path d="M262 194H272L275 213H259Z" fill="#526C78"/></svg>
CSS background-image
.locked-page {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/YOS4Ji5aXuH1/amnt.svg");
  background-size: contain;
}
React
import LockedPageSvg from "./locked-page.jsx"; // from the React tab above

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

Tags

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Locked Page: A webpage partly covered by a large closed padlock. 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