Payment SVG icon, line

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/phQt8lrZATWS/amnt.svg" alt="Payment" 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="M323 573c0 50-5 112 60 123 20 3 43 1 64 1 81 0 164 0 246 0 45 0 90 0 135 0 21 0 43 2 64 0 13-1 24-5 35-12 14-9 24-23 29-39 9-28 4-138 4-173 0-28 0-56 0-83 0-47 5-94-46-115-26-11-199-6-240-6-82 0-165 0-246 0-15 0-29-1-43 1-73 12-62 86-62 141-9-10-47-47-57-53-9-6-20-7-31-5-35 7-33 46-33 74-23-1-46 2-68 1-59-3-70 8-71 66 0 14-2 33 4 47 3 10 12 18 22 22 19 8 87 3 112 3 9 22-12 50 22 65 10 5 21 5 31 2 16-6 56-47 69-60zM932 361h-581c0-10-1-20 1-30 11-46 77-34 112-34 59 0 118 0 177 0s118 0 177 0c35 0 98-12 112 31 3 10 2 22 2 33zM241 380c4-1 8 0 12 3 6 3 106 99 107 102 3 7 2 12-3 18-10 15-48 45-64 60-8 7-41 41-48 43-13 4-15-6-16-15-1-13 2-27 0-39-4-21-55-14-71-14-69 0-68 13-67-58 0-8-1-17 6-22 8-6 78-3 94-3 9 0 22 2 31-2 21-11-6-68 19-73zm691 55c0 34 5 188-4 208-7 17-25 25-42 26-92 4-189 0-281 0-47 0-94 0-140 0-35 0-98 12-112-30-6-20-2-47-2-67 0-34 3-26 24-47 36-38 0-63-26-89z" fill="#022452" stroke="#022452"/><path d="M803 619c45 23 103-3 103-58 0-23-13-45-33-57-17-11-39-13-58-6-4 1-9 5-12 5-4-1-9-4-12-5-19-7-42-5-59 6-20 13-32 35-32 58 1 50 60 85 103 57zm1-95c31-25 83-6 83 37s-51 63-83 37c-6 0-16 9-23 11-31 7-63-16-62-48 0-30 28-53 57-49 9 1 23 12 28 12z" fill="#022452" stroke="#022452"/><path d="M406 533c-12 3-19 20-6 26 6 4 16 2 23 2 22 0 46 0 69 0 33 0 66 0 100 0 12 0 26 2 38 0 13-2 19-20 5-26-6-3-15-2-21-2-23 0-47 0-69 0-33 0-66 0-99 0-13 0-28-2-40 0z" fill="#022452" stroke="#022452"/><path d="M403 593c-14 4-13 24 1 27s32 0 47 0c17 0 81 3 93 0 14-4 12-24-1-27s-32 0-46 0c-19 0-81-3-94 0z" fill="#022452" stroke="#022452"/></g><g id="baby-blue" data-name="Baby Blue"><path d="M932 435l-583 1c26 26 62 51 26 89-21 21-24 13-24 47 0 20-4 47 2 67 14 42 77 30 112 30 46 0 93 0 140 0 92 0 189 4 281 0 17-1 35-9 42-26 9-20 4-174 4-208zM803 619c-43 28-102-7-103-57 0-23 12-45 32-58 17-11 40-13 59-6 3 1 8 4 12 5 3 0 8-4 12-5 19-7 41-5 58 6 20 12 33 34 33 57 0 55-58 81-103 58zM406 533c12-2 27 0 40 0 33 0 66 0 99 0 22 0 46 0 69 0 6 0 15-1 21 2 14 6 8 24-5 26-12 2-26 0-38 0-34 0-67 0-100 0-23 0-47 0-69 0-7 0-17 2-23-2-13-6-6-23 6-26zm-3 60c13-3 75 0 94 0 14 0 33-3 46 0s15 23 1 27c-12 3-76 0-93 0-15 0-33 3-47 0s-15-23-1-27z" fill="#c8dffc" stroke="#c8dffc"/><path d="M932 361c0-11 1-23-2-33-14-43-77-31-112-31-59 0-118 0-177 0s-118 0-177 0c-35 0-101-12-112 34-2 10-1 20-1 30z" fill="#c8dffc" stroke="#c8dffc"/></g><g id="green" data-name="Green"><path d="M241 380c-25 5 2 62-19 73-9 4-22 2-31 2-16 0-86-3-94 3-7 5-6 14-6 22-1 71-2 58 67 58 16 0 67-7 71 14 2 12-1 26 0 39 1 9 3 19 16 15 7-2 40-36 48-43 16-15 54-45 64-60 5-6 6-11 3-18-1-3-101-99-107-102-4-3-8-4-12-3z" fill="#1ac66a" stroke="#1ac66a"/></g><g id="amber" data-name="Amber"><path d="M804 598c32 26 83 6 83-37s-52-62-83-37c1 8-15 8-14 36 12 3 4 14 4 19-1 10 10 11 10 19z" fill="#fdc303" stroke="#fdc303"/></g><g id="red" data-name="Red"><path d="M804 598c0-8-11-9-10-19 0-5 8-16-4-19-1-28 15-28 14-36-5 0-19-11-28-12-29-4-57 19-57 49-1 32 31 55 62 48 7-2 17-11 23-11z" fill="#f93f2e" stroke="#f93f2e"/></g></svg>

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

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

import PaymentSvg from "./payment.jsx"; // from the React tab above

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