Pennant Banner SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="black" data-name="Black"><path d="M425 458c24 48 47 96 69 145 21 48 21 34 40-5 11-24 23-48 34-73 4-8 29-65 33-68 1-1 3-1 5-1 5 0 39 53 45 61 14 21 28 43 43 64 23 34 26 50 41-1 8-28 16-56 24-84 4-10 18-69 22-73 3-2 6-3 8-2 4 1 97 96 108 107 32 32 35 47 40-10 3-33 7-66 9-99 0-12 1-58 6-66 3-5 16-10 21-13 4-3 11-6 13-9 7-10-2-15-10-12-11 4-23 14-33 20-202 114-493 136-711 66-52-17-103-37-151-64-11-6-22-18-33-22-3-1-7-3-10 0-10 9 6 17 12 21 4 2 20 11 22 14 5 8 5 53 6 64 3 33 5 67 8 99 5 56 9 44 41 12 36-36 71-71 107-106l10 2c11 33 19 68 29 101 3 12 21 81 26 84 5 4 8 2 12-1 8-7 13-19 19-27 29-41 57-83 86-125zm516-99l-15 185-127-127c14-8 32-11 47-16 33-12 64-27 95-42zM83 361c28 13 56 27 85 38 18 7 39 11 55 20l-126 127zm688 64l-52 176c-25-38-52-76-77-113-8-11-14-25-24-33 16-6 60-9 80-13 24-5 48-14 73-17zM405 456l-100 146-51-175c27 12 92 21 122 25 10 1 20 1 29 4zm185 1l-77 164-77-163c34-1 69 4 103 2 17-1 35-4 51-3z" fill="#1b2124" stroke="#1b2124"/></g><g id="blue" data-name="Blue"><path d="M941 359c-31 15-62 30-95 42-15 5-33 8-47 16l127 127z" fill="#0271fc" stroke="#0271fc"/></g><g id="teal" data-name="Teal"><path d="M771 425c-25 3-49 12-73 17-20 4-64 7-80 13 10 8 16 22 24 33 25 37 52 75 77 113z" fill="#01b2a9" stroke="#01b2a9"/></g><g id="amber" data-name="Amber"><path d="M590 457c-16-1-34 2-51 3-34 2-69-3-103-2l77 163z" fill="#fdcb03" stroke="#fdcb03"/></g><g id="red" data-name="Red"><path d="M83 361l14 185 126-127c-16-9-37-13-55-20-29-11-57-25-85-38z" fill="#fd1e22" stroke="#fd1e22"/></g><g id="orange" data-name="Orange"><path d="M405 456c-9-3-19-3-29-4-30-4-95-13-122-25l51 175z" fill="#fd8102" stroke="#fd8102"/></g></svg>

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

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

import PennantBannerSvg from "./pennant-banner.jsx"; // from the React tab above

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