Credit Card SVG icon, line

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="periwinkle" data-name="Periwinkle"><path d="M166 243c-21 3-39 17-46 36-11 28-4 196-4 237 0 44-1 87-1 131 0 20-2 43 2 63 3 12 11 24 21 31 19 15 43 12 66 12 109 0 217 0 327 0 74 0 147 0 222 0 34 0 69 3 103 0 21-2 39-15 47-33 12-24 6-202 6-241 0-37 5-172-3-197-4-13-13-24-25-31-19-11-41-8-62-8-110 0-218 0-327 0-75 0-150 0-224 0-34 0-69-4-102 0zM908 374v107h-792v-106c11-3 22-1 33-1 37 0 73-1 108-1 18 0 35 2 52 1 65-2 130 0 195 0 134 1 269 0 404 0zM199 620c13-2 29 0 43 0 35 0 71 0 107 0 17 0 54-5 67 8 15 15 7 41-13 46-15 3-32 1-47 1-34 0-68 0-102 0-20 0-52 7-67-8-15-14-9-43 12-47zm280 0c11-2 79-2 89 2 26 8 20 46-4 52-14 3-76 4-88-1-25-9-23-48 3-53z" fill="#55b4fb" stroke="#55b4fb"/></g><g id="navy" data-name="Navy"><path d="M163 203c-44 4-81 39-88 83-4 26-1 54-1 81 0 38 0 76 0 115 0 47-6 213 6 247 10 26 31 46 56 56 34 13 136 7 177 7 60 0 122 0 183 0 83 0 166 0 249 0 38 0 78 3 116 0 44-4 81-39 88-82 4-26 1-55 1-81 0-39 0-77 0-115 0-50 0-100 0-150 0-24 2-49 0-72-1-12-5-24-10-34-10-22-30-40-52-48-34-13-135-7-176-7-61 0-123 0-183 0-83 0-165 0-247 0-40 0-80-3-119 0zm3 40c33-4 68 0 102 0 74 0 149 0 224 0 109 0 217 0 327 0 21 0 43-3 62 8 12 7 21 18 25 31 8 25 3 160 3 197 0 39 6 217-6 241-8 18-26 31-47 33-34 3-69 0-103 0-75 0-148 0-222 0-110 0-218 0-327 0-23 0-47 3-66-12-10-7-18-19-21-31-4-20-2-43-2-63 0-44 1-87 1-131 0-41-7-209 4-237 7-19 25-33 46-36z" fill="#01245c" stroke="#01245c"/></g><g id="white" data-name="White"><path d="M908 374c-135 0-270 1-404 0-65 0-130-2-195 0-17 1-34-1-52-1-35 0-71 1-108 1-11 0-22-2-33 1v106h792z" fill="#fcfcfc" stroke="#fcfcfc"/></g><g id="amber" data-name="Amber"><path d="M199 620c-21 4-27 33-12 47 15 15 47 8 67 8 34 0 68 0 102 0 15 0 32 2 47-1 20-5 28-31 13-46-13-13-50-8-67-8-36 0-72 0-107 0-14 0-30-2-43 0z" fill="#fdce03" stroke="#fdce03"/><path d="M479 620c-26 5-28 44-3 53 12 5 74 4 88 1 24-6 30-44 4-52-10-4-78-4-89-2z" fill="#fdce03" stroke="#fdce03"/></g></svg>

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

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

import CreditCardSvg from "./credit-card.jsx"; // from the React tab above

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