Locked Page SVG illustration, flat

Locked Page SVG illustration, flat

A large closed padlock partly covers a webpage. Add it to restricted-content screens and account sign-in instructions.

Similar SVGs

More from Error Pages, Flat Illustrations · Set 2

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/2-9SuytcTr-E/amnt.svg" alt="Locked Page" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="cobalt" data-name="Cobalt"><path d="M579 562c-42 4-76 38-80 80-2 27 0 55 0 83 0 45-7 94 19 134 36 55 84 55 144 55 45 0 153 6 191-5 50-15 83-62 85-113 1-31 0-63 0-93 0-23 2-46 0-68-1-10-4-21-8-30-27-57-102-43-154-43-44 0-88 0-131 0-22 0-45-2-66 0zm130 70c56-7 94 58 58 103-3 3-11 8-13 13-1 5 3 15 5 20 3 14 15 50 14 62-1 8-8 15-15 17-9 2-20 0-29 0-24 0-71 10-63-28 3-14 20-65 14-74-7-11-16-12-21-31-11-35 12-77 50-82z" fill="#013989" stroke="#013989"/></g><g id="white" data-name="White"><path d="M147 227c21-3 61 0 85 0 69 0 140 0 210 0 10 0 22-1 28 9 8 12 4 87 4 106s3 102-1 115c-2 8-10 13-18 14-24 4-61 0-86 0-70 0-139 0-208 0-11 0-22 1-29-9-9-12-4-86-4-105 0-22-4-101 2-116 2-7 9-12 17-14zm377 4c12-2 28 0 41 0 34 0 68 0 103 0 19 0 53-4 71 1 21 4 19 36-1 41-12 2-27 0-39 0-35 0-70 0-104 0-20 0-54 4-72-1-20-5-20-36 1-41zm171 77c15 1 31-3 46-2 16 1 30 6 45 9l1-122h-692c0 146 0 292 0 439 0 15-2 33 11 44 5 5 11 7 18 8 13 2 29 0 43 0 31 0 64 0 96 0 73 0 147 0 220 0v-33c-17 0-39 3-55 0-8-2-14-9-15-16-5-19-1-71-1-93 0-46 6-42 49-42 30 0 61 0 91 0 0-29 1-56 11-83 3-8 8-16 11-24-14 0-45 3-56 0-10-3-13-17-8-24 7-12 72-7 87-7 10-8 19-17 29-25-14-5-67-1-85-1-7 0-15 1-21 0-21-5-16-30 8-32 28-2 57 0 86 0 11 0 77-2 81 4zM389 527v16 46 7 14l-1 22c0 8-8 17-16 19-11 2-26 0-38 0-36 0-71 0-106 0-19 0-73 4-87-2-8-2-12-10-13-18-3-19 0-41 0-60 0-16-4-44 2-58 2-6 8-11 14-13 15-3 74 0 94 0 22 0 125-4 139 2 9 4 13 16 12 25z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M175 535c19-4 86 0 110 0 17 0 37-2 54 0 18 2 22 24 3 28-16 3-87 0-109 0-19 0-38 2-55 0-20-2-22-24-3-28zm-1 48c16-3 67 0 87 0 11 0 31-4 41 2 12 7 7 24-5 26-17 3-66 0-86 0-12 0-32 4-43-2-12-6-6-23 6-26zm-34 33v12c-1 6 2 10 7 11 11 4 57 1 72 1 30 0 60 0 90 0 11 0 61 3 66-5 3-5 2-11 2-16 0-30 1-61 0-90 0-5 1-12-3-15-7-6-58-3-69-3-31 0-60 0-90 0-12 0-67-3-72 3-4 3-3 8-3 13-2 29 0 59 0 89z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M787 547c0-19 3-122-1-132-1-3-6-5-8-7-19-13-42-17-65-14-15 2-31 9-43 19-40 33-31 87-31 134z" fill="#fcfcfc" stroke="#fcfcfc"/></g><g id="navy" data-name="Navy"><path d="M483 701c0 62-10 132 34 182 47 53 102 47 168 47 44 0 115 5 156-2 54-9 99-54 110-107 3-17 2-33 2-50 0-51 13-154-21-192-6-7-12-13-20-18-2-1-9-3-11-6-4-7-1-42-1-52 0-33-1-64-13-94-10-24-26-46-46-63-41-34-38-6-38-68 0-29 4-138-2-158-4-13-15-24-27-28-21-9-177-4-211-4-72 0-144 0-215 0-72 0-144 0-215 0-58 0-54 42-54 86 0 25 0 50 0 76 0 71 0 143 0 215 0 45 0 90 0 136 0 19-2 40 0 59 1 5 3 10 5 15 6 12 19 22 33 25 30 6 64 0 95 0 19 0 39 1 59 1 70 0 141 0 212 0zM787 179h-692c0-17-4-38 2-54 3-9 11-16 20-19 19-5 89-1 114-1 69 0 140 0 210 0 69 0 140 0 210 0 23 0 96-4 114 1 8 3 16 10 19 18 7 16 3 38 3 55zm97 370c-14-3-43-5-56-1 0-31 3-63-2-93-9-47-53-79-99-78-49 1-93 35-102 84-5 27-1 58-1 86-19 0-39-2-57 1 0-34-3-70 4-104 15-73 83-122 156-123 74-1 142 52 155 126 6 33 2 69 2 102zm-97-2h-148c0-47-9-101 31-134 12-10 28-17 43-19 23-3 46 1 65 14 2 2 7 4 8 7 4 10 1 113 1 132zm17-107c14 19 8 81 8 106h-9zM552 511v40c-52 31-51 31-69 89-13 0-40 4-52-1-4-1-7-4-8-8-3-11 0-72 0-88 0-43 9-32 49-32 26 0 53 0 80 0zm27 51c21-2 44 0 66 0 43 0 87 0 131 0 52 0 127-14 154 43 4 9 7 20 8 30 2 22 0 45 0 68 0 30 1 62 0 93-2 51-35 98-85 113-38 11-146 5-191 5-60 0-108 0-144-55-26-40-19-89-19-134 0-28-2-56 0-83 4-42 38-76 80-80zm-5-169c-3 8-8 16-11 24-10 27-11 54-11 83-30 0-61 0-91 0-43 0-49-4-49 42 0 22-4 74 1 93 1 7 7 14 15 16 16 3 38 0 55 0v33c-73 0-147 0-220 0-32 0-65 0-96 0-14 0-30 2-43 0-7-1-13-3-18-8-13-11-11-29-11-44 0-147 0-293 0-439h692l-1 122c-15-3-29-8-45-9-15-1-31 3-46 2-27 10-43 12-69 29-10 8-19 17-29 25z" fill="#021d42" stroke="#021d42"/><path d="M147 227c-8 2-15 7-17 14-6 15-2 94-2 116 0 19-5 93 4 105 7 10 18 9 29 9 69 0 138 0 208 0 25 0 62 4 86 0 8-1 16-6 18-14 4-13 1-96 1-115s4-94-4-106c-6-10-18-9-28-9-70 0-141 0-210 0-24 0-64-3-85 0zM463 450c-21-28-45-55-67-83-10-12-19-27-31-37-10-8-22-9-33-3-9 5-72 82-80 95-16-16-34-58-62-31-15 14-37 43-
…
CSS background-image
.locked-page {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/2-9SuytcTr-E/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 Draw 1.2 drew this from the words Locked Page: A webpage partly covered by a large closed padlock. A flat illustration. as part of the pack Error Pages, Flat Illustrations · Set 2. 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