Flag Banner SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/-UM8Ol7nH-z8/amnt.svg" alt="Flag Banner" width="48" height="48">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="purple" data-name="Purple"><path d="M914 279c-21 7-50 8-72 11-107 15-186 17-291-12-116-32-230-52-343 5v335c110-56 228-42 342-11 103 28 193 33 298 15 20-3 41-6 61-12-31-25-60-53-91-79-8-8-80-68-81-70-2-5-1-10 3-15 1-2 4-3 5-4 16-14 31-29 47-44 42-38 82-78 122-119z" fill="#0152fb" stroke="#0152fb"/></g><g id="navy" data-name="Navy"><path d="M215 212c6-9 12-17 15-27 14-45-21-91-67-90-57 1-94 76-50 117-23 23-20 44 6 63v535c-27 3-46 38-37 63 11 29 61 20 85 20 25 0 73 10 81-23 5-17-4-42-18-52-7-5-15-7-22-10v-166c87-44 186-52 280-30 75 18 147 42 225 42 47 0 92-3 138-11 14-2 83-12 86-23 4-11-7-19-14-25-28-24-56-49-84-74-25-22-52-43-76-66 50-50 103-97 153-147 10-10 37-28 24-45-9-13-77 3-93 5-33 5-66 10-99 12-100 7-164-19-257-40-71-16-146-20-217-4-15 4-29 10-44 13 0-17-3-25-15-37zm-56-96c43-4 71 50 40 82-3 3-8 8-12 9-5 1-13 0-18 0-9 0-20 2-29-1-36-9-35-84 19-90zM129 227c13-3 44 0 59 0 27 1 27 23 10 27-16 4-42 2-58 1-28-1-28-23-11-28zm785 52c-40 41-80 81-122 119-16 15-31 30-47 44-1 1-4 2-5 4-4 5-5 10-3 15 1 2 73 62 81 70 31 26 60 54 91 79-20 6-41 9-61 12-105 18-195 13-298-15-114-31-232-45-342 11v-335c113-57 227-37 343-5 105 29 184 27 291 12 22-3 51-4 72-11zm-727-4v533h-47v-533zM122 829c12-2 73-2 85 0 14 3 32 35 16 42-5 2-11 1-15 1-29 0-58 0-86 0-5 0-11 1-16-1-15-7 2-39 16-42z" fill="#010e36" stroke="#010e36"/></g><g id="grape" data-name="Grape"><path d="M187 275h-47v533h47z" fill="#0e2c66" stroke="#0e2c66"/><path d="M159 116c-54 6-55 81-19 90 9 3 20 1 29 1 5 0 13 1 18 0 4-1 9-6 12-9 31-32 3-86-40-82z" fill="#0e2c66" stroke="#0e2c66"/><path d="M122 829c-14 3-31 35-16 42 5 2 11 1 16 1 28 0 57 0 86 0 4 0 10 1 15-1 16-7-2-39-16-42-12-2-73-2-85 0z" fill="#0e2c66" stroke="#0e2c66"/><path d="M129 227c-17 5-17 27 11 28 16 1 42 3 58-1 17-4 17-26-10-27-15 0-46-3-59 0z" fill="#0e2c66" stroke="#0e2c66"/></g></svg>

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

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

import FlagBannerSvg from "./flag-banner.jsx"; // from the React tab above

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