Lock SVG illustration, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/08pyMBYEfjV6/amnt.svg" alt="Lock" width="48" height="48">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="amber" data-name="Amber"><path d="M327 404c-17 0-36-1-53 1-30 4-55 31-58 61-1 13 0 28 0 42 0 19 0 39 0 59 0 60 0 121 0 182 0 26-4 62 2 87 16 62 76 55 126 55 30 0 62 0 93 0 90 0 181 0 272 0 14 0 30 1 44-2 29-7 52-34 55-64 1-14 0-28 0-42 0-22 0-44 0-65 0-43 5-243-4-268-7-20-25-37-45-43s-145-2-175-2c-86 0-171-2-257-1zM506 504c79-5 123 89 69 147-21 21-23 8-15 41 5 18 9 36 13 54 17 71 19 56-54 56-11 0-68 2-74 0-3-1-4-2-5-5-2-5 7-33 9-40 2-12 22-84 20-90-2-4-10-7-13-10-59-49-27-147 50-153z" fill="#fcc516" stroke="#fcc516"/></g><g id="black" data-name="Black"><path d="M764 382c0-91 6-169-53-245-49-63-124-96-202-96-79 0-152 39-199 101-46 60-49 117-49 189 0 17-4 36 1 52-81 19-73 96-73 161 0 77 0 154 0 232 0 18-2 37 1 54 7 46 46 81 92 85 25 2 50 0 76 0 51 0 103 0 155 0 51 0 103 0 155 0 25 0 51 2 76 0 43-4 81-37 89-80 3-20 1-40 1-60 0-76 1-154 1-230 0-51 9-111-37-145-11-8-23-12-34-18zm-22-2c-8 0-56 2-58-1-3-4-1-43-1-50 0-36 0-70-13-104-21-54-71-94-128-104-61-10-126 13-164 63-45 58-36 126-36 196-18 0-43 4-60 0 0-85-8-157 46-228 43-57 112-92 184-92 71 0 140 34 184 91 54 72 46 143 46 229zm-81 0c-44 1-89 0-133 0-35 0-70 2-105 0-20-1-40 3-60 0 0-36-3-73 0-108 7-75 75-133 149-133 66 0 127 44 145 110 6 25 5 51 5 77 0 17 3 37-1 54zM327 404c86-1 171 1 257 1 30 0 155-4 175 2s38 23 45 43c9 25 4 225 4 268 0 21 0 43 0 65 0 14 1 28 0 42-3 30-26 57-55 64-14 3-30 2-44 2-91 0-182 0-272 0-31 0-63 0-93 0-50 0-110 7-126-55-6-25-2-61-2-87 0-61 0-122 0-182 0-20 0-40 0-59 0-14-1-29 0-42 3-30 28-57 58-61 17-2 36-1 53-1z" fill="#1b1f24" stroke="#1b1f24"/><path d="M506 504c-77 6-109 104-50 153 3 3 11 6 13 10 2 6-18 78-20 90-2 7-11 35-9 40 1 3 2 4 5 5 6 2 63 0 74 0 73 0 71 15 54-56-4-18-8-36-13-54-8-33-6-20 15-41 54-58 10-152-69-147z" fill="#1b1f24" stroke="#1b1f24"/></g><g id="charcoal" data-name="Charcoal"><path d="M742 380c0-86 8-157-46-229-44-57-113-91-184-91-72 0-141 35-184 92-54 71-46 143-46 228 17 4 42 0 60 0 0-70-9-138 36-196 38-50 103-73 164-63 57 10 107 50 128 104 13 34 13 68 13 104 0 7-2 46 1 50 2 3 50 1 58 1z" fill="#33373c" stroke="#33373c"/></g></svg>

.lock {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/08pyMBYEfjV6/amnt.svg");
  background-size: contain;
}

import LockSvg from "./lock.jsx"; // from the React tab above

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