Hanging Banner SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="red" data-name="Red"><path d="M321 82v901c34-33 64-71 95-106 11-12 91-104 96-104s86 93 96 104c32 35 62 72 95 106v-902z" fill="#bd0911" stroke="#bd0911"/><path d="M321 24v49h37v-49z" fill="#bd0911" stroke="#bd0911"/><path d="M666 24v49h37v-49z" fill="#bd0911" stroke="#bd0911"/><path d="M494 24v49h36v-49z" fill="#bd0911" stroke="#bd0911"/><path d="M758 57v-28z" fill="#bd0911" stroke="#bd0911"/><path d="M744 53v-25z" fill="#bd0911" stroke="#bd0911"/><path d="M312 49v-16z" fill="#bd0911" stroke="#bd0911"/><path d="M266 57v-10z" fill="#bd0911" stroke="#bd0911"/></g><g id="black" data-name="Black"><path d="M312 24c-7 0-15 1-21 0-3-1-4-3-7-4s-7 1-11 0c-6-2-10-8-18-9-19-2-34 14-33 32s18 31 35 29c7-1 11-8 17-10 3-1 7 1 10 1 3-1 4-4 6-5 6-1 15 0 21 0 7 43 2 108 2 154 0 106 0 213 0 320 0 155 0 311 0 466 2 0 5-1 7-2 3-1 85-93 94-104 33-36 64-74 98-108 34 34 65 72 98 108 16 17 86 102 100 107l1-941c7 0 16-1 23 0 2 1 3 4 6 4 3 1 6-2 9-1 5 2 8 7 13 9 18 7 39-6 40-27 1-19-16-35-36-32-6 1-10 7-16 9-4 1-8-1-12 0-2 1-2 3-5 4-6 1-14 0-21 0 0-2-1-6-3-7-5-3-42-3-47-1-3 2-5 5-5 8h-118c0-13-45-11-51-7-2 1-4 5-4 7h-117c0-2-2-6-4-7-6-4-42-3-48 0-2 1-3 5-3 7zm9 0h37v49h-37zm173 0h36v49h-36zm172 0h37v49h-37zM275 27h5v27h-5zm91 5h119v18h-119zm173 0h119v18h-119zm172 0h24v18h-24zM366 58h119v15h-119zm173 0h119v15h-119zM321 82l382-1v902c-33-34-63-71-95-106-10-11-91-104-96-104s-85 92-96 104c-31 35-61 73-95 106zM744 53v-25l6-2v29zm14 4v-28c-2-17 35-11 36 11 1 18-30 36-36 17zM312 33v16l-24 1v-18zM266 47v10c-6 18-44 2-34-24 4-11 26-23 33-9 3 6 1 17 1 23z" fill="#0e0e0e" stroke="#0e0e0e"/></g><g id="amber" data-name="Amber"><path d="M366 32v18h119v-18z" fill="#fcbd03" stroke="#fcbd03"/><path d="M539 32v18h119v-18z" fill="#fcbd03" stroke="#fcbd03"/><path d="M266 57v-10c0-6 2-17-1-23-7-14-29-2-33 9-10 26 28 42 34 24z" fill="#fcbd03" stroke="#fcbd03"/><path d="M758 29v28c6 19 37 1 36-17-1-22-38-28-36-11z" fill="#fcbd03" stroke="#fcbd03"/><path d="M312 49v-16l-24-1v18z" fill="#fcbd03" stroke="#fcbd03"/><path d="M711 32v18h24v-18z" fill="#fcbd03" stroke="#fcbd03"/><path d="M275 27v27h5v-27z" fill="#fcbd03" stroke="#fcbd03"/><path d="M744 28v25l6 2v-29z" fill="#fcbd03" stroke="#fcbd03"/></g></svg>

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

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

import HangingBannerSvg from "./hanging-banner.jsx"; // from the React tab above

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