Credit Card SVG illustration, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/YQpUgS4kPr9m/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="violet" data-name="Violet"><path d="M93 193c-72 7-61 83-61 135 0 64 0 129 0 194 0 64-1 130 0 195 1 80 62 72 122 72 129 0 259 0 389 0 88 0 175 0 264 0 41 0 83 3 124 0 72-5 61-84 61-134 0-65 0-130 0-194 0-65 1-131 0-195-1-80-62-73-121-73-130 0-260 0-389 0-88 0-176 0-263 0-42 0-85-3-126 0zm37 95c14-2 132-2 146 0 9 2 18 9 23 17 6 12 7 120 1 134-4 10-14 18-24 20-17 3-132 3-147 0-9-2-17-8-21-16-8-13-8-118-3-133 4-11 14-20 25-22zm-1 227c21-3 46 0 68 0 53 0 105 0 159 0 76 0 152 0 228 0 75 0 151 0 227 0 25 0 86-7 104 10 24 21 12 63-20 67-22 4-47 1-69 1-53 0-105 0-157 0-76 0-152 0-228 0s-152 0-227 0c-27 0-85 7-104-10-25-21-13-63 19-68zm3 111c31-4 66 0 98 0 71 0 141 0 213 0 51 0 104-2 156 0s57 73 6 78c-32 3-65 0-97 0-72 0-142 0-213 0-52 0-105 1-156 0-53-1-57-72-7-78z" fill="#0146cb" stroke="#0146cb"/></g><g id="white" data-name="White"><path d="M132 525c-34 5-31 54 2 58 31 4 76 0 109 0 72 0 144 0 217 0 101 0 204 0 306 0 28 0 57 0 86 0 13 0 28 2 41-1 33-5 32-53-2-57-29-4-77 0-108 0-73 0-145 0-217 0-102 0-205 0-306 0-30 0-59 0-88 0-13 0-28-2-40 0z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M134 636c-20 3-34 24-24 43 11 21 40 15 59 15 48 0 96 0 145 0 67 0 134 0 202 0 28 0 60 3 88 0 21-3 32-24 23-43-10-20-39-15-57-15-49 0-97 0-145 0-68 0-135 0-202 0-29 0-61-4-89 0z" fill="#fcfcfc" stroke="#fcfcfc"/></g><g id="midnight" data-name="Midnight"><path d="M89 179c-36 4-67 34-71 70-2 20 0 42 0 63 0 67 0 135 0 203 0 67 0 135 0 203 0 40 24 80 68 85 16 2 33 0 50 0 133 0 266 0 400 0 91 0 183 0 275 0 39 0 89 4 126 0 15-1 29-8 40-17 36-29 29-74 29-115 0-66 0-132 0-197 0-67-1-133 0-199 0-9 1-18 0-27-4-33-32-62-65-68-13-2-27-1-40-1-136 0-271 0-406 0-93 0-184 0-276 0-42 0-90-4-130 0zm4 14c41-3 84 0 126 0 87 0 175 0 263 0 129 0 259 0 389 0 59 0 120-7 121 73 1 64 0 130 0 195 0 64 0 129 0 194 0 50 11 129-61 134-41 3-83 0-124 0-89 0-176 0-264 0-130 0-260 0-389 0-60 0-121 8-122-72-1-65 0-131 0-195 0-65 0-130 0-194 0-52-11-128 61-135z" fill="#02142c" stroke="#02142c"/><path d="M129 515c-32 5-44 47-19 68 19 17 77 10 104 10 75 0 151 0 227 0s152 0 228 0c52 0 104 0 157 0 22 0 47 3 69-1 32-4 44-46 20-67-18-17-79-10-104-10-76 0-152 0-227 0-76 0-152 0-228 0-54 0-106 0-159 0-22 0-47-3-68 0zm3 10c12-2 27 0 40 0 29 0 58 0 88 0 101 0 204 0 306 0 72 0 144 0 217 0 31 0 79-4 108 0 34 4 35 52 2 57-13 3-28 1-41 1-29 0-58 0-86 0-102 0-205 0-306 0-73 0-145 0-217 0-33 0-78 4-109 0-33-4-36-53-2-58z" fill="#02142c" stroke="#02142c"/><path d="M132 626c-50 6-46 77 7 78 51 1 104 0 156 0 71 0 141 0 213 0 32 0 65 3 97 0 51-5 46-76-6-78s-105 0-156 0c-72 0-142 0-213 0-32 0-67-4-98 0zm2 10c28-4 60 0 89 0 67 0 134 0 202 0 48 0 96 0 145 0 18 0 47-5 57 15 9 19-2 40-23 43-28 3-60 0-88 0-68 0-135 0-202 0-49 0-97 0-145 0-19 0-48 6-59-15-10-19 4-40 24-43z" fill="#02142c" stroke="#02142c"/><path d="M130 288c-11 2-21 11-25 22-5 15-5 120 3 133 4 8 12 14 21 16 15 3 130 3 147 0 10-2 20-10 24-20 6-14 5-122-1-134-5-8-14-15-23-17-14-2-132-2-146 0zm44 10c0 10 1 21 0 30-1 5-3 9-3 13h-57c0-8-2-18 0-26 6-24 42-17 60-17zm4 0h50v26c-13-6-37-6-50 0zm54 0c18 0 54-7 60 17 2 8 0 18 0 26h-56c-1-4-3-8-4-13-1-9 0-20 0-30zm-46 29c7-2 36-1 39 5 3 4 4 75 2 81-1 3-4 6-7 7-6 3-14 1-20 1-25 0-21-8-21-29 0-12-3-50 1-59 1-3 3-5 6-6zm-72 18h57v27h-57zm121 0h57v27h-57zM114 375h57v27h-57zm121 0h57v27h-57zM114 406h57c0 6 2 10 3 15 1 9 0 19 0 28-18 0-55 8-60-17-1-8 0-18 0-26zm178 1c0 8 1 17 0 25-6 25-42 17-60 17 0-10-1-20 0-29 1-5 3-9 4-13zm-64 17v25h-50v-25c8 5 42 5 50 0z" fill="#02142c" stroke="#02142c"/></g><g id="amber" data-name="Amber"><path d="M186 327c-3 1-5 3-6 6-4 9-1 47-1 59 0 21-4 29 21 29 6 0 14 2 20-1 3-1 6-4 7-7 2-6 1-77-2-81-3-6-32-7-39-5z" fill="#fcc204" stroke="#fcc204"/><path d="M114 406c0 8-1 18 0 26 5 25 42 17 60 17 0-9 1-19 0-28-1-5-3-9-3-15z" fill="#fcc204" stroke="#fcc204"/><path d="M232 298c0 10-1 21 0 30 1 5 3 9 4 13h56c0-8 2-18 0-26-6-24-42-17-60-17z" fill="#fcc204" stroke="#fcc204"/><path d="M174 298c-18 0-54
…

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

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

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