Champion Badge SVG logo, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/MHHD_CSviAuS/amnt.svg" alt="Champion Badge" 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="M856 233c-52-9-135-40-185-61-29-12-56-25-83-40-9-5-74-46-76-46-1 0-69 42-77 47-27 14-54 27-82 39-52 22-130 51-185 61 0 146 12 298 82 430 28 54 66 103 112 144 39 36 83 67 130 94 5 3 14 11 20 11s15-8 20-11c47-27 91-58 131-94 45-42 83-90 112-145 70-130 81-285 81-429zM546 294c19 62 41 119 88 165 26-17 59-49 77-74-42-82 82-126 104-48 5 17 3 34-7 49-15 22-32 19-39 25-3 3-3 7-4 11-6 20-11 41-17 61-10 38-27 86-33 123 6 4 13 10 16 16 11 22 5 58-19 67-11 5-24 3-35 3-55 0-110 0-164 0-55 0-110 0-164 0-13 0-28 2-40-4-29-14-25-66 0-81l-52-196c-55-7-68-84-19-109 52-26 102 28 75 83 16 15 29 33 45 47 10 10 24 17 32 28 29-29 51-65 67-102 5-10 23-54 21-62-3-11-28-17-28-55 1-87 133-79 124 7-2 19-12 36-28 46z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M697 639h-370v17h370z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M513 467c-11 18-22 35-38 50 16 11 29 31 38 48 7-19 22-34 36-48-15-15-28-31-36-50z" fill="#fcfcfc" stroke="#fcfcfc"/></g><g id="navy" data-name="Navy"><path d="M512 26c-85 65-186 109-287 139-34 11-70 19-104 29 0 27-2 53-1 79 6 142 22 286 90 414 32 61 76 116 128 163 47 42 101 77 157 107 4 2 12 9 17 9 7 0 19-9 25-13 53-30 105-62 150-104 51-46 96-101 128-163 65-127 83-267 89-408 1-28-1-56-1-84-43-13-86-23-129-37-73-23-144-55-209-95-18-11-35-24-53-36zM856 233c0 144-11 299-81 429-29 55-67 103-112 145-40 36-84 67-131 94-5 3-14 11-20 11s-15-8-20-11c-47-27-91-58-130-94-46-41-84-90-112-144-70-132-82-284-82-430 55-10 133-39 185-61 28-12 55-25 82-39 8-5 76-47 77-47 2 0 67 41 76 46 27 15 54 28 83 40 50 21 133 52 185 61z" fill="#012155" stroke="#012155"/><path d="M546 294c16-10 26-27 28-46 9-86-123-94-124-7 0 38 25 44 28 55 2 8-16 52-21 62-16 37-38 73-67 102-8-11-22-18-32-28-16-14-29-32-45-47 27-55-23-109-75-83-49 25-36 102 19 109l52 196c-25 15-29 67 0 81 12 6 27 4 40 4 54 0 109 0 164 0 54 0 109 0 164 0 11 0 24 2 35-3 24-9 30-45 19-67-3-6-10-12-16-16 6-37 23-85 33-123 6-20 11-41 17-61 1-4 1-8 4-11 7-6 24-3 39-25 10-15 12-32 7-49-22-78-146-34-104 48-18 25-51 57-77 74-47-46-69-103-88-165zm-23-12c0 13 4 26 8 39 18 63 54 121 101 168 13-15 32-26 46-39 23-20 42-43 61-66-31-29-5-82 36-64 36 17 26 70-23 70l-59 212h-362l-58-212c-53-1-58-53-25-69 43-21 73 44 37 62 19 30 48 56 75 79 10 9 23 16 32 27 49-50 105-136 111-207-45-13-39-81 9-82 47-1 56 69 11 82zM323 624c15-3 41 0 58 0 55 0 111 0 167 0 37 0 75 0 113 0 10 0 44-4 50 6 7 11 4 38-12 41-19 3-42 0-61 0-55 0-109 0-163 0-38 0-76 0-113 0-13 0-42 6-49-8-5-10-4-35 10-39z" fill="#012155" stroke="#012155"/><path d="M574 517c-34-35-37-45-62-85-12 22-24 45-41 64-7 8-15 13-21 21 24 24 47 48 62 80 9-14 17-29 27-43s23-25 35-37zm-61-50c8 19 21 35 36 50-14 14-29 29-36 48-9-17-22-37-38-48 16-15 27-32 38-50z" fill="#012155" stroke="#012155"/></g><g id="gold" data-name="Gold"><path d="M523 282c45-13 36-83-11-82-48 1-54 69-9 82-6 71-62 157-111 207-9-11-22-18-32-27-27-23-56-49-75-79 36-18 6-83-37-62-33 16-28 68 25 69l58 212h362l59-212c49 0 59-53 23-70-41-18-67 35-36 64-19 23-38 46-61 66-14 13-33 24-46 39-47-47-83-105-101-168-4-13-8-26-8-39zm51 235c-12 12-25 23-35 37s-18 29-27 43c-15-32-38-56-62-80 6-8 14-13 21-21 17-19 29-42 41-64 25 40 28 50 62 85z" fill="#daae2c" stroke="#daae2c"/><path d="M323 624c-14 4-15 29-10 39 7 14 36 8 49 8 37 0 75 0 113 0 54 0 108 0 163 0 19 0 42 3 61 0 16-3 19-30 12-41-6-10-40-6-50-6-38 0-76 0-113 0-56 0-112 0-167 0-17 0-43-3-58 0zm374 15v17h-370v-17z" fill="#daae2c" stroke="#daae2c"/></g></svg>

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

import ChampionBadgeSvg from "./champion-badge.jsx"; // from the React tab above

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