QR Code Scanner SVG icon, line

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/pNmySDDi8rKj/amnt.svg" alt="QR Code Scanner" width="48" height="48">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="white" data-name="White"><path d="M314 293h137v137h-137zm260 0h137v137h-137zm20 157h58c0 11-2 24 2 34h37v-13c-7-3-12-1-19 0v-21h39v35h-19v55h-20v21h39v38h-20v-19h-39v-40h-18v-20c6-2 12-2 18-2v-34h-58zM314 561h137v137h-137zm43-289h-29c-16 0-35 4-36 23l-1 91v5 178 6 29 10 11 6 9 25l1 33c1 11 11 21 22 22h396c9-1 19-8 22-17 5-17 1-119 1-144 0-62 0-123 0-184 0-20 4-70-2-86-3-9-12-16-22-17-18-2-39 0-57 0-62 0-123 0-184 0h-9-81-17zM531 409h23v41h20v49h20v19h21v41l24 2v85h32v-37h20v47l20 1v21h-39v20h-98v-51h-20l-1-86h-20v95h21v22h-21l-1-21h-20v41h-41v-42h33v-30h-33l1-20h32c0-16 3-28-9-39-2-2-3-5-5-6-5-2-14 0-19 0v-21h-117v-37h-19v37h-21v-38h20v-19h-20v-33h41v33h35v-33h61v20h-20v31h20v17h20v21c7 3 32 1 41 1v20h18c3-13 1-27 1-40-13-3-27-2-40-2v-68h-20v-41h20v-21h21v-37h-40v-58h59v37h23v42h-23z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M333 313v98l99-1v-97zm19 19h60v60c-1-1-1 0 0-1h-60z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M333 580l1 98h98c0-25 4-76-1-98zm19 19h60v60h-60z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M594 313v97h97v-97zm78 19v60l-59-1c0-12 2-49-2-59z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M573 580v48h47v-48zm15 14h19v20h-19z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M554 518v42l40 1v-42z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M531 450v-41h-39c0 13-3 28 1 41z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M596 647v30h37c0-7-3-25 3-28-10-5-29-2-40-2z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M531 450v33h22v-33z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M391 484v34h19v-34z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M512 351h19v-20h-19z" fill="#fcfcfc" stroke="#fcfcfc"/></g><g id="navy" data-name="Navy"><path d="M310 236c-63 8-55 70-55 117 0 30 0 60 0 90 0 59 0 119 0 179 0 26-3 55 0 81 7 62 74 54 119 54 29 0 59 0 89 0 60 0 120 0 180 0 25 0 54 4 79-2 19-4 37-19 44-38 9-27 1-132 3-169 2-49 2-103 0-152-1-33 2-65 1-98-2-30-24-58-55-62-18-2-39 0-57 0-29 0-58 0-87 0-60 0-119 0-178 0-28 0-56-3-83 0zm18 36h29 4 17 81 9c61 0 122 0 184 0 18 0 39-2 57 0 10 1 19 8 22 17 6 16 2 66 2 86 0 61 0 122 0 184 0 25 4 127-1 144-3 9-13 16-22 17h-396c-11-1-21-11-22-22l-1-33v-25-9-6-11-10-29-6-178-5l1-91c1-19 20-23 36-23z" fill="#011f4d" stroke="#011f4d"/><path d="M187 96c-45 4-81 40-88 84-3 23-1 49-1 73 0 28-10 91 36 85 37-5 26-70 26-96 0-18-3-39 1-56 3-12 12-23 23-27 26-9 103 3 136-3 37-6 32-59-11-60-39-1-84-3-122 0z" fill="#011f4d" stroke="#011f4d"/><path d="M705 96c-37 7-34 60 11 61 30 1 95-5 120 1 67 16-14 191 63 180 11-2 21-9 24-19 6-13 5-121 2-139-2-15-8-30-17-43-33-48-91-41-142-41-20 0-42-3-61 0z" fill="#011f4d" stroke="#011f4d"/><path d="M888 667c-11 2-21 12-23 23-5 19-1 69-1 92 0 34-1 60-42 61-27 1-100-4-120 1-34 9-31 60 16 60 24 0 50 0 75 0 50 0 91 1 119-47 6-11 11-22 13-35 3-17 3-109 1-127-1-5-3-10-5-14-7-11-20-16-33-14z" fill="#011f4d" stroke="#011f4d"/><path d="M122 667c-10 2-19 11-22 21-5 15-4 116-1 133 3 16 9 32 19 45 34 46 92 38 143 38 19 0 41 3 60-1 35-7 32-59-12-60-32-1-93 4-120-1-69-14 15-190-67-175z" fill="#011f4d" stroke="#011f4d"/></g><g id="teal" data-name="Teal"><path d="M391 484h19v34h-19zm163 34l40 1v42l-40-1zm19 62h47v48h-47zm23 67c11 0 30-3 40 2-6 3-3 21-3 28h-37zM512 351v-20h19v20h-19v37h-21v21h-20v41h20v68c13 0 27-1 40 2 0 13 2 27-1 40h-18v-20c-9 0-34 2-41-1v-21h-20v-17h-20v-31h20v-20h-61v33h-35v-33h-41v33h20v19h-20v38h21v-37h19v37h117v21c5 0 14-2 19 0 2 1 3 4 5 6 12 11 9 23 9 39h-32l-1 20h33v30h-33v42h41v-41h20l1 21h21v-22h-21v-95h20l1 86h20v51h98v-20h39v-21l-20-1v-47h-20v37h-32v-85l-24-2v-41h-21v-19h-20v-49h-20v-41h-23v41h22v33h-22v-33h-38c-4-13-1-28-1-41h39v-37h23v-42h-23v-37h-59v58z" fill="#14ae9d" stroke="#14ae9d"/><path d="M574 293v137h137v-137zm20 20h97v97h-97z" fill="#14ae9d" stroke="#14ae9d"/><path d="M314 293v137h137v-137zm19 20h99v97l-99 1z" fill="#14ae9d" stroke="#14ae9d"/><path d="M314 561v137h137v-137zm19 19h98c5 22 1 73 1 98h-98z" fill="#14ae9d" stroke="#14ae9d"/><path d="M594 450v34h58v34c-6 0-12
…

.qr-code-scanner {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/pNmySDDi8rKj/amnt.svg");
  background-size: contain;
}

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

import QRCodeScannerSvg from "./qr-code-scanner.jsx"; // from the React tab above

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