Achievement Badge SVG logo, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/ZdPvGpOLnSi9/amnt.svg" alt="Achievement Badge" 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="M485 47c-251 12-443 234-429 482 13 248 237 443 484 426 252-17 441-228 429-480-12-254-236-439-484-428zM840 768c-25-38-54-75-81-112-6-8-16-26-24-31-10-7-25-2-33-9-8-6-31-49-38-59-25-40-50-79-77-118-8-12-59-80-61-87-3-12 0-30 0-43 38-22 75 7 111 17 15 5 30 6 45 6 10 0 80-5 67-25-3-6-16-10-21-14-12-8-22-19-33-29 17-17 33-34 48-54 25-33-11-19-27-16-9 1-19 2-28 2-48-1-72-32-113-36-18-1-32 4-49 5 2-7 10-11 12-19 5-21-14-39-35-32-16 5-21 26-13 39 2 4 7 6 9 10 2 6 0 17 0 24 0 24 3 153 0 165-3 8-13 17-17 24-58 81-116 160-172 241-8-3-19-12-27-11-11 1-44 48-52 58-21 27-46 54-64 83-18-30-36-57-49-89-50-118-38-259 27-369 81-134 230-216 387-210 151 6 292 99 361 234 62 125 58 274-11 395-11 20-24 45-42 60zM715 214c-7 11-45 40-44 51 1 6 10 13 15 17 9 10 19 20 30 26-74 24-120-44-190-20 0-13-2-98 1-102 5-9 46-7 56-5 15 4 28 12 42 19 35 17 53 13 90 14zM660 592l29 46c9 6 24 1 33 7 5 3 10 12 13 17 11 14 20 27 30 41 15 20 53 66 61 85h-6c0 8-8 12-13 17-39 35-81 65-129 86-58 24-122 35-185 32-8 0-15 0-22-4-4 10-94-17-111-23-32-12-63-29-91-48l1-5-4 2c-10-6-52-37-52-47-6 2-27-27-33-33l105-134c13 5 28 18 39 4l188-263c13 17 25 35 37 53 38 55 73 111 110 167z" fill="#01265b" stroke="#01265b"/></g><g id="blue" data-name="Blue"><path d="M471 919l81-224 121 138c2-5-28-75-32-86-12-29-23-58-35-87-11-29-22-58-34-87-5-13-28-81-36-84l-21 105-43-62-55 64-1-18c-7 0-33 55-38 65-12 22-24 44-36 67-15 28-30 55-45 83-9 17-16 35-27 50l-1 5c28 19 59 36 91 48 17 6 107 33 111 23z" fill="#0279e5" stroke="#0279e5"/><path d="M214 798l190-213-3-5-76 55c-11 14-26 1-39-4l-105 134c6 6 27 35 33 33z" fill="#0279e5" stroke="#0279e5"/><path d="M820 788h6c-8-19-46-65-61-85-10-14-19-27-30-41-3-5-8-14-13-17-9-6-24-1-33-7-7 5-17 2-25 4z" fill="#0279e5" stroke="#0279e5"/></g><g id="cobalt" data-name="Cobalt"><path d="M536 489c8 3 31 71 36 84 12 29 23 58 34 87 12 29 23 58 35 87 4 11 34 81 32 86l-121-138-81 224c7 4 14 4 22 4 63 3 127-8 185-32 48-21 90-51 129-86 5-5 13-9 13-17l-156-146c8-2 18 1 25-4l-29-46-122-110z" fill="#014a9e" stroke="#014a9e"/><path d="M270 843c11-15 18-33 27-50 15-28 30-55 45-83 12-23 24-45 36-67 5-10 31-65 38-65v-10l-15 12 3 5-190 213c0 10 42 41 52 47z" fill="#014a9e" stroke="#014a9e"/></g><g id="white" data-name="White"><path d="M416 578l1 18 55-64 43 62 21-105 2-7 122 110c-37-56-72-112-110-167-12-18-24-36-37-53l-188 263 76-55 15-12z" fill="#fcfcfc" stroke="#fcfcfc"/></g><g id="amber" data-name="Amber"><path d="M715 214c-37-1-55 3-90-14-14-7-27-15-42-19-10-2-51-4-56 5-3 4-1 89-1 102 70-24 116 44 190 20-11-6-21-16-30-26-5-4-14-11-15-17-1-11 37-40 44-51z" fill="#fab816" stroke="#fab816"/></g></svg>

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

import AchievementBadgeSvg from "./achievement-badge.jsx"; // from the React tab above

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