Transaction SVG icon, line

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/1R0cCfeO-LZW/amnt.svg" alt="Transaction" 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="M725 465c-5-12-5-27-8-39-10-38-32-74-60-100-41-37-96-59-150-57-55 2-106 24-144 63-29 28-50 66-58 106-2 11-1 27-5 38-13-20-34-36-51-53-17-16-45-55-70-46-24 8-19 38-19 58-25 0-90-4-110 1-7 2-14 8-17 14-5 12-3 27-3 40 0 12-2 28 4 39 4 6 11 11 18 13 20 4 83 0 108 0 0 19-5 47 17 56 27 12 53-28 71-44 18-17 41-35 53-57 23 264 389 272 424 1 1 10-2 20 3 30 3 6 10 12 18 14 29 6 76-5 106 1 0 19-4 48 19 56 26 10 59-35 76-52 13-13 31-26 41-41 4-6 6-13 6-19 0-7-3-14-7-19-9-13-43-43-57-56-11-10-21-25-34-32-8-5-15-6-24-3-25 7-20 38-20 58-23 0-92-4-110 2-12 4-17 16-17 28zM506 289c34-1 68 8 97 24 170 94 111 357-83 365-43 2-85-11-119-36-146-107-78-345 105-353zM186 396c3-1 5 0 8 2 4 2 86 84 87 87 1 7-3 10-7 15-17 18-35 34-52 51-8 7-35 43-42 21-2-7 0-18 0-25 0-6 2-20-1-23-3-4-68-2-77-2s-47 3-50-4c-3-4-1-13-1-17 0-11-1-22 0-32 0-5-1-9 3-12 5-4 75-2 87-2 6 0 35 2 38-2 2-2 1-7 1-10 0-9-4-44 6-47zm693 0c3 0 4 1 7 2 4 1 86 84 87 86 2 8-3 11-8 17-17 17-34 34-52 51-7 6-31 39-40 23-3-6 0-21 0-28 0-6 2-19-2-23-5-5-66-2-76-2-9 0-45 3-49-4-3-4-1-13-1-18 0-11-1-22 0-32 0-5-1-8 3-11 5-4 76-2 88-2 6 0 31 2 35-2 3-2 2-9 2-12 0-10-6-42 6-45z" fill="#011d44" stroke="#011d44"/><path d="M504 323c-85 7-150 78-150 163 0 89 78 162 167 158 156-7 204-221 70-299-26-15-57-24-87-22zm4 17c133-3 196 167 95 253-24 20-54 33-86 34-142 5-198-184-82-263 21-14 47-23 73-24z" fill="#011d44" stroke="#011d44"/><path d="M527 395c0-7 1-14-1-19-4-12-22-13-27-2-3 6-2 14-2 20-6 3-13 4-19 7-23 11-34 40-24 64 16 37 61 24 76 44 14 17-10 28-24 27-17-2-26-19-42-18-20 2-21 24-9 35s27 14 42 19c0 6-1 14 2 20 5 10 22 11 26 0 3-6 2-15 2-21 32-4 55-34 49-65-7-36-41-37-69-48-16-6-21-26 0-30 20-3 27 12 43 15 28 4 37-37-23-48z" fill="#011d44" stroke="#011d44"/></g><g id="amber" data-name="Amber"><path d="M508 340c-26 1-52 10-73 24-116 79-60 268 82 263 32-1 62-14 86-34 101-86 38-256-95-253zm19 55c60 11 51 52 23 48-16-3-23-18-43-15-21 4-16 24 0 30 28 11 62 12 69 48 6 31-17 61-49 65 0 6 1 15-2 21-4 11-21 10-26 0-3-6-2-14-2-20-15-5-30-8-42-19s-11-33 9-35c16-1 25 16 42 18 14 1 38-10 24-27-15-20-60-7-76-44-10-24 1-53 24-64 6-3 13-4 19-7 0-6-1-14 2-20 5-11 23-10 27 2 2 5 1 12 1 19z" fill="#fdc502" stroke="#fdc502"/><path d="M506 289c-183 8-251 246-105 353 34 25 76 38 119 36 194-8 253-271 83-365-29-16-63-25-97-24zm-2 34c30-2 61 7 87 22 134 78 86 292-70 299-89 4-167-69-167-158 0-85 65-156 150-163z" fill="#fdc502" stroke="#fdc502"/></g><g id="white" data-name="White"><path d="M186 396c-10 3-6 38-6 47 0 3 1 8-1 10-3 4-32 2-38 2-12 0-82-2-87 2-4 3-3 7-3 12-1 10 0 21 0 32 0 4-2 13 1 17 3 7 41 4 50 4s74-2 77 2c3 3 1 17 1 23 0 7-2 18 0 25 7 22 34-14 42-21 17-17 35-33 52-51 4-5 8-8 7-15-1-3-83-85-87-87-3-2-5-3-8-2z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M879 396c-12 3-6 35-6 45 0 3 1 10-2 12-4 4-29 2-35 2-12 0-83-2-88 2-4 3-3 6-3 11-1 10 0 21 0 32 0 5-2 14 1 18 4 7 40 4 49 4 10 0 71-3 76 2 4 4 2 17 2 23 0 7-3 22 0 28 9 16 33-17 40-23 18-17 35-34 52-51 5-6 10-9 8-17-1-2-83-85-87-86-3-1-4-2-7-2z" fill="#fcfcfc" stroke="#fcfcfc"/></g></svg>

.transaction {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/1R0cCfeO-LZW/amnt.svg");
  background-size: contain;
}

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

import TransactionSvg from "./transaction.jsx"; // from the React tab above

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