Open Lock SVG icon, line

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="navy" data-name="Navy"><path d="M527 707c2 21 25 85 24 99 0 3-2 8-6 10-7 4-47 1-57 1-13 0-49 3-58-1-3-1-6-4-7-8-1-6 3-15 5-21 6-26 14-53 19-80-6-3-10-9-14-14-27-42 3-101 54-101 48 0 79 53 57 96-4 7-9 15-17 19zM306 905c113 0 226 0 339 0 13 0 27 1 40 0 64-6 59-66 59-112 0-43 0-84 0-126 0-38 8-130-12-158-28-39-98-28-141-28-11 0-36-3-45 0-5 2-9 10-14 13-24 14-57 14-83 12-17-1-38-5-51-17-4-3-5-7-10-8-9-3-68 0-83 0-5 5-14 6-20 11-24 17-27 44-27 72 0 43 0 86 0 130 0 35 0 70 0 105 0 17-2 37 1 54 2 10 6 20 12 28 9 13 22 16 35 24z" fill="#011d49" stroke="#011d49"/></g><g id="black" data-name="Black"><path d="M517 440c0-30 0-60 0-89 0-52 0-102 33-145 44-57 122-81 186-41 62 39 66 93 66 160 0 14-2 29 0 43 6 35 73 38 90 11 9-15 5-108 3-128-16-149-180-244-318-186-85 35-146 119-157 211-2 20-1 42-1 63 0 33 0 67 0 101-14 8-22 11-29 26-25 0-49 0-73 0-47 0-92-1-113 49-12 29-6 185-6 228 0 21 0 43 0 65 0 48 3 94 59 110 24 6 53 2 78 2 51 0 102 0 154 0 45 0 90 0 136 0 21 0 43 2 64 0 9-1 18-4 26-8 47-23 44-69 44-113 0-26 0-52 0-77 0-42 0-83 0-124 0-20 2-40 0-59-1-13-6-27-13-38-12-16-28-28-47-32-29-8-116-3-152-3-9-16-14-17-30-26zm-15 15c-17 5-52 9-68-1 0-37 0-74 0-110 0-25-1-50 2-74 12-83 70-161 149-192 143-57 296 49 296 202 0 16 4 85-5 94-6 7-17 7-25 7-10 0-23 0-29-7-9-10-4-75-5-91-2-70-47-132-116-149s-141 20-175 80c-26 46-24 95-24 146 0 31 0 63 0 95zm-83 2c11 27 85 22 100 0 7 4 15 8 12 17-10 31-172 16-112-17zM305 481c15 0 74-3 83 0 5 1 6 5 10 8 13 12 34 16 51 17 26 2 59 2 83-12 5-3 9-11 14-13 9-3 34 0 45 0 43 0 113-11 141 28 20 28 12 120 12 158 0 42 0 83 0 126 0 46 5 106-59 112-13 1-27 0-40 0-113 0-226 0-339 0-12 0-24 1-35 0-28-3-54-26-57-54-2-15 0-33 0-48 0-37 0-73 0-109s0-72 0-108c0-17-2-34 0-50 3-27 26-49 52-54 12-2 26-1 39-1z" fill="#02060a" stroke="#02060a"/><path d="M533 801c-4-15-26-90-23-100 2-4 8-8 11-10 29-31 8-82-34-82s-63 52-34 82c3 4 9 6 11 11 3 11-20 80-22 99z" fill="#02060a" stroke="#02060a"/></g><g id="amber" data-name="Amber"><path d="M502 455c0-32 0-64 0-95 0-51-2-100 24-146 34-60 106-97 175-80s114 79 116 149c1 16-4 81 5 91 6 7 19 7 29 7 8 0 19 0 25-7 9-9 5-78 5-94 0-153-153-259-296-202-79 31-137 109-149 192-3 24-2 49-2 74 0 36 0 73 0 110 16 10 51 6 68 1zM698 80c13-4 63 20 76 28 7 4 66 44 40 51-3 1-4 0-7-1-6-2-19-17-24-22-9-7-19-14-29-19-10-6-58-21-58-21-6-5-5-13 2-16zM458 253c5-1 9 2 11 7 2 6-4 37-4 48 0 10 3 44 0 52-1 3-3 5-7 6s-9-2-10-6c-5-10-2-104 10-107z" fill="#fdc602" stroke="#fdc602"/><path d="M527 707c8-4 13-12 17-19 22-43-9-96-57-96-51 0-81 59-54 101 4 5 8 11 14 14-5 27-13 54-19 80-2 6-6 15-5 21 1 4 4 7 7 8 9 4 45 1 58 1 10 0 50 3 57-1 4-2 6-7 6-10 1-14-22-78-24-99zm6 94h-91c2-19 25-88 22-99-2-5-8-7-11-11-29-30-8-82 34-82s63 51 34 82c-3 2-9 6-11 10-3 10 19 85 23 100z" fill="#fdc602" stroke="#fdc602"/><path d="M419 457c-60 33 102 48 112 17 3-9-5-13-12-17-15 22-89 27-100 0z" fill="#fdc602" stroke="#fdc602"/></g><g id="cobalt" data-name="Cobalt"><path d="M306 905c-13-8-26-11-35-24-6-8-10-18-12-28-3-17-1-37-1-54 0-35 0-70 0-105 0-44 0-87 0-130 0-28 3-55 27-72 6-5 15-6 20-11-13 0-27-1-39 1-26 5-49 27-52 54-2 16 0 33 0 50 0 36 0 72 0 108s0 72 0 109c0 15-2 33 0 48 3 28 29 51 57 54 11 1 23 0 35 0z" fill="#0b3d92" stroke="#0b3d92"/></g><g id="butter" data-name="Butter"><path d="M698 80c-7 3-8 11-2 16 0 0 48 15 58 21 10 5 20 12 29 19 5 5 18 20 24 22 3 1 4 2 7 1 26-7-33-47-40-51-13-8-63-32-76-28z" fill="#fcf1c3" stroke="#fcf1c3"/><path d="M458 253c-12 3-15 97-10 107 1 4 6 7 10 6s6-3 7-6c3-8 0-42 0-52 0-11 6-42 4-48-2-5-6-8-11-7z" fill="#fcf1c3" stroke="#fcf1c3"/></g></svg>

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

.open-lock {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/V7NFLpGhWecX/amnt.svg") center / contain no-repeat;
}

import OpenLockSvg from "./open-lock.jsx"; // from the React tab above

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