Lock SVG icon, line

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/2ONRcivc2XBx/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="black" data-name="Black"><path d="M879 687c0-25 2-51-3-75-14-65-76-113-141-113-66 0-126 46-142 110-6 25-3 52-3 78-15 2-28 9-33 24-7 19-3 152-3 183 0 16-2 35 10 48 6 6 15 11 23 12 14 2 31 0 46 0 34 0 68 0 103 0 34 0 68 0 103 0 14 0 30 2 44 0 10-2 19-8 24-16 10-14 8-32 8-47 0-32 4-161-4-181-5-14-18-21-32-23zm-20 0h-34c0-20 2-42-1-61-8-42-47-73-89-73-45 0-84 33-91 77-3 18-1 38-1 57h-34c0-20-2-41 1-60 9-62 62-107 124-108 57-1 112 41 123 99 4 22 2 46 2 69zm-54 0h-142c0-16-1-33 0-49 3-37 35-65 72-65 33 0 66 26 70 61 2 17 0 35 0 53zM752 832l19 59h-74l19-60c-34-14-18-67 18-68 38-1 50 43 18 69z" fill="#1c1e21" stroke="#1c1e21"/><path d="M434 687c0-24 2-50-2-73-13-66-76-115-142-115-67 0-127 47-142 112-5 24-3 50-3 76-13 2-26 9-32 21-9 20-4 156-4 188 0 15-2 32 9 44 6 7 14 12 23 14 13 2 26 0 39 0 36 0 72 0 109 0 34 0 69-2 103 0 16 1 32 3 47 0 9-2 17-7 23-15 10-13 8-29 8-44 0-31 4-165-3-184-5-14-18-23-33-24zm-19 0h-34c0-19 2-38-1-56-7-44-45-77-89-78-43-1-82 31-91 73-4 19-1 41-1 61h-34c0-21-2-43 1-63 10-60 63-105 124-105 57 0 109 40 122 97 5 23 3 47 3 71zm-54-2c-15 6-118 2-142 2 0-17-2-36 0-53 4-35 37-61 71-61 33 0 63 24 70 57 3 18 1 37 1 55zm-72 21c45 0 90 1 136 1 8 0 17-1 22 8 6 10 3 87 3 105s4 92-2 105c-3 7-12 9-20 10-41 4-94 0-137 0-46 0-92 3-137 0-8 0-16-1-21-8-8-11-4-88-4-105 0-19-4-97 4-108 4-7 11-7 19-7 45-2 91 0 137-1z" fill="#1c1e21" stroke="#1c1e21"/><path d="M657 218c0-24 1-51-3-74-14-67-77-113-143-113-65 0-124 46-140 109-6 25-4 52-4 77-7 3-14 4-20 9-23 17-15 54-15 79 0 40 0 81 0 122 0 16-2 34 11 47 5 5 13 9 20 11 12 2 27 0 40 0 23 0 47 2 70 1 14-1 27-2 41-1 33 1 66 0 100 0 15 0 31 3 46 0 8-2 17-6 22-12 12-13 10-31 10-47 0-30 4-166-3-184-5-14-18-22-32-24zm-20 0h-34c0-17 1-35 0-52-4-46-45-82-90-82s-84 33-91 77c-3 18-1 38-1 57h-34c0-24-2-48 3-71 13-56 65-97 122-97 61 0 116 47 124 108 2 19 1 40 1 60zm-54 0h-142c0-16-1-33 0-49 3-36 35-65 71-65 35 0 67 27 71 64 1 16 0 33 0 50zM367 238c18-3 54 0 75 0 66 0 132 0 199 0 8 0 17-1 24 4 3 2 6 6 7 10 4 16 0 71 0 92 0 20 3 94-1 109-1 7-7 11-14 12-20 5-54 1-75 1-66 0-133 0-198 0-10 0-21 1-27-6-9-9-5-83-5-99 0-20-3-98 1-111 2-6 8-11 14-12z" fill="#1c1e21" stroke="#1c1e21"/><path d="M308 833c5-6 12-11 15-19 11-25-8-52-34-51-36 1-50 51-18 68l-19 60h75z" fill="#1c1e21" stroke="#1c1e21"/><path d="M530 363c34-16 18-70-19-69s-48 50-17 69l-19 59h74z" fill="#1c1e21" stroke="#1c1e21"/></g><g id="mustard" data-name="Mustard"><path d="M289 706c-46 1-92-1-137 1-8 0-15 0-19 7-8 11-4 89-4 108 0 17-4 94 4 105 5 7 13 8 21 8 45 3 91 0 137 0 43 0 96 4 137 0 8-1 17-3 20-10 6-13 2-87 2-105s3-95-3-105c-5-9-14-8-22-8-46 0-91-1-136-1zm19 127l19 58h-75l19-60c-32-17-18-67 18-68 26-1 45 26 34 51-3 8-10 13-15 19z" fill="#cca145" stroke="#cca145"/><path d="M415 687c0-24 2-48-3-71-13-57-65-97-122-97-61 0-114 45-124 105-3 20-1 42-1 63h34c0-20-3-42 1-61 9-42 48-74 91-73 44 1 82 34 89 78 3 18 1 37 1 56z" fill="#cca145" stroke="#cca145"/></g><g id="grey" data-name="Grey"><path d="M367 238c-6 1-12 6-14 12-4 13-1 91-1 111 0 16-4 90 5 99 6 7 17 6 27 6 65 0 132 0 198 0 21 0 55 4 75-1 7-1 13-5 14-12 4-15 1-89 1-109 0-21 4-76 0-92-1-4-4-8-7-10-7-5-16-4-24-4-67 0-133 0-199 0-21 0-57-3-75 0zM530 363l19 59h-74l19-59c-31-19-20-68 17-69s53 53 19 69z" fill="#878e9a" stroke="#878e9a"/></g><g id="graphite" data-name="Graphite"><path d="M859 687c0-23 2-47-2-69-11-58-66-100-123-99-62 1-115 46-124 108-3 19-1 40-1 60h34c0-19-2-39 1-57 7-44 46-77 91-77 42 0 81 31 89 73 3 19 1 41 1 61z" fill="#5a5a5c" stroke="#5a5a5c"/></g><g id="mist" data-name="Mist"><path d="M637 218c0-20 1-41-1-60-8-61-63-108-124-108-57 0-109 41-122 97-5 23-3 47-3 71h34c0-19-2-39 1-57 7-44 46-77 91-77s86 36 90 82c1 17 0 35 0 52z" fill="#e3e3e3" stroke="#e3e3e3"/><path d="M752 832c32-26 20-70-18-69-36 1-52 54-18 68l-19 60h74z" fill="#e3e3e3" stroke="#e3e3e3"/></g></svg>

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

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

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

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