Birthday Banner SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/AFUhdBbvFTra/amnt.svg" alt="Birthday 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="M215 552c-6 15-23 27-40 20l-30 66c25 3 47 14 70 23 32 12 65 24 99 33 65 18 132 27 199 27 66 0 133-9 197-27 24-7 49-15 72-23 29-11 67-33 98-32l-31-67c-18 8-33-6-40-21-12 7-27 11-40 15-82 30-169 50-256 50-73 0-146-13-215-35-28-8-55-21-83-29z" fill="#fc5e4a" stroke="#fc5e4a"/></g><g id="grape" data-name="Grape"><path d="M162 400c88-37 105-181 18-228-19-10-40-14-61-12-22 2-42 13-59 27-57 49-40 138 9 186 14 14 32 27 53 30-3 10-22 38-5 42 6 1 16-2 23-2 6 25 13 50 27 72-14 15-17 29-8 48-10 3-22 4-32 6-25 6-49 16-72 28-6 3-27 11-30 16-1 2-2 4-1 7 2 5 35 33 42 39-7 25-23 50-34 73-2 5-8 12-8 17 0 4 0 6 5 8 3 1 42-18 49-20 17-6 35-11 53-12 19-1 56 16 69-3 9-13 12-32 18-46 25 6 49 18 74 25 72 22 146 33 221 33 76 0 153-12 227-36 22-7 44-16 66-23 5 15 9 37 20 49 13 15 50 0 68 1s36 6 53 12c7 2 44 21 48 20s5-4 5-7c0-6-6-14-8-19-11-24-23-48-34-71 7-7 41-34 42-41 1-2 0-4-1-6-3-4-25-14-30-16-33-16-68-30-104-34 9-16 9-37-8-47 17-19 21-50 27-73 7 0 17 3 23 2 17-3-1-32-4-41 57-14 98-77 98-134 0-54-42-104-96-110-62-6-115 43-119 105-3 51 27 114 77 135-5 8-29 29-15 37 5 3 17 2 24 4-4 17-8 33-16 49-17 36-17 11-37 29-6 5-6 14-11 19s-19 7-26 10c-15 6-31 11-48 17-71 24-147 38-221 38-76 0-151-14-223-38-17-5-33-11-50-18-6-2-19-4-23-9-6-6-6-16-14-21-22-15-19 7-35-28-7-15-13-31-15-48 47-7 26-14 9-41zM118 173c24-3 47 3 67 17 75 54 33 192-42 202-76 10-146-123-77-192 14-14 32-24 52-27zm763 0c105-12 140 116 68 189-13 12-28 24-45 28-79 21-143-123-75-190 14-14 32-24 52-27zM167 427l-43 4c5-11 5-25 18-26s17 14 25 22zm723-22l10 26-42-4c12-15 12-22 32-22zM180 524c24-4 32 32 8 37-23 5-31-32-8-37zm655 0c24-5 34 32 10 37-26 5-33-32-10-37zM215 552c28 8 55 21 83 29 69 22 142 35 215 35 87 0 174-20 256-50 13-4 28-8 40-15 7 15 22 29 40 21l31 67c-31-1-69 21-98 32-23 8-48 16-72 23-64 18-131 27-197 27-67 0-134-9-199-27-34-9-67-21-99-33-23-9-45-20-70-23l30-66c17 7 34-5 40-20zm-56 23c-7 22-37 68-36 86 2 34 58 29 67 55-13 6-26-2-40-3-12-1-26 0-39 2-23 4-44 15-67 21 5-15 38-68 36-79-1-6-34-34-41-38 41-20 75-34 120-44zm826 44c-7 4-40 32-41 38-1 8 31 66 36 79-6-1-51-18-67-21-15-3-31-3-46-1-7 1-16 5-22 5-4 0-8-2-11-4 13-25 65-21 68-54 1-13-30-71-37-86 12 3 24 5 36 8 30 9 56 22 84 36zM207 671l-11 29c-12-9-60-26-60-40 0-23 59 7 71 11zm622 30l-11-30c10-6 70-33 70-11 0 16-49 29-59 41z" fill="#020244" stroke="#020244"/></g><g id="amber" data-name="Amber"><path d="M118 173c-20 3-38 13-52 27-69 69 1 202 77 192 75-10 117-148 42-202-20-14-43-20-67-17zm-16 27c4 0 9 2 12 6 8 14-11 20-18 29-10 12-12 44-24 45-35 5 2-78 30-80z" fill="#fdc903" stroke="#fdc903"/><path d="M159 575c-45 10-79 24-120 44 7 4 40 32 41 38 2 11-31 64-36 79 23-6 44-17 67-21 13-2 27-3 39-2 14 1 27 9 40 3-9-26-65-21-67-55-1-18 29-64 36-86z" fill="#fdc903" stroke="#fdc903"/><path d="M985 619c-28-14-54-27-84-36-12-3-24-5-36-8 7 15 38 73 37 86-3 33-55 29-68 54 3 2 7 4 11 4 6 0 15-4 22-5 15-2 31-2 46 1 16 3 61 20 67 21-5-13-37-71-36-79 1-6 34-34 41-38z" fill="#fdc903" stroke="#fdc903"/><path d="M835 524c-23 5-16 42 10 37 24-5 14-42-10-37z" fill="#fdc903" stroke="#fdc903"/><path d="M167 427c-8-8-12-23-25-22s-13 15-18 26z" fill="#fdc903" stroke="#fdc903"/></g><g id="turquoise" data-name="Turquoise"><path d="M881 173c-20 3-38 13-52 27-68 67-4 211 75 190 17-4 32-16 45-28 72-73 37-201-68-189zm-13 26c5 0 9 1 12 5 12 14-10 21-18 29-12 11-17 42-26 43-37 7 1-74 32-77z" fill="#01c1d2" stroke="#01c1d2"/><path d="M829 701c10-12 59-25 59-41 0-22-60 5-70 11z" fill="#01c1d2" stroke="#01c1d2"/><path d="M207 671c-12-4-71-34-71-11 0 14 48 31 60 40z" fill="#01c1d2" stroke="#01c1d2"/><path d="M180 524c-23 5-15 42 8 37 24-5 16-41-8-37z" fill="#01c1d2" stroke="#01c1d2"/><path d="M890 405c-20 0-20 7-32 22l42 4z" fill="#01c1d2" stroke="#01c1d2"/></g><g id="white" data-name="White"><path d="M868 199c-31 3-69 84-32 77 9-1 14-32 26-43 8-8 30-15 18-29-3-4-7-5-12-5z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M102 200c-28 2-65 85-30 80 1
…

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

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

import BirthdayBannerSvg from "./birthday-banner.jsx"; // from the React tab above

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