Confetti SVG icon, line

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/rxI24xZtxmm-/amnt.svg" alt="Confetti" 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="M342 85l-54 19c8 17 20 30 19 50l48-28c5 24-53 47-70 57-30 19-52 39-40 77 16 52 38 78 94 78 26 0 49-3 73 7l8-11 9 1c-14 61-108 67-78 142 7 17 16 37 31 49 36 30 82-4 91 63 11-15 17-32 14-52-7-46-53-38-86-46-7-2-13-5-20-8-4 5-8 10-13 13-15-38 77-74 80-115 1-11-3-22-7-32-6-15-12-32-23-43-35-37-106 3-142-28-3 4-7 10-12 11-7-41 59-66 85-85 11-8 21-19 23-34 3-22-13-69-30-85z" fill="#fd2c43" stroke="#fd2c43"/><path d="M303 695c-28 5-19 49 9 44 29-5 20-49-9-44z" fill="#fd2c43" stroke="#fd2c43"/></g><g id="midnight" data-name="Midnight"><path d="M285 268c31-52 124-38 96-136-3-14-20-59-36-62-5-1-12 3-17 5-10 3-49 14-54 19-3 3-4 5-4 9 1 7 10 15 13 21 26 45-9 44-35 69-27 25-24 57-11 88 25 59 51 74 115 71 16-1 35-4 49 4-4 8-12 12-18 18-32 26-63 50-50 96 10 34 30 70 66 80 12 4 24 4 35 7 38 9 13 64 38 53 17-6 31-46 31-62 0-36-26-60-60-66-18-3-36-2-53-10 7-12 19-20 29-29 45-37 54-58 30-113-41-93-104-32-164-62zM342 85c17 16 33 63 30 85-2 15-12 26-23 34-26 19-92 44-85 85 5-1 9-7 12-11 36 31 107-9 142 28 11 11 17 28 23 43 4 10 8 21 7 32-3 41-95 77-80 115 5-3 9-8 13-13 7 3 13 6 20 8 33 8 79 0 86 46 3 20-3 37-14 52-9-67-55-33-91-63-15-12-24-32-31-49-30-75 64-81 78-142l-9-1-8 11c-24-10-47-7-73-7-56 0-78-26-94-78-12-38 10-58 40-77 17-10 75-33 70-57l-48 28c1-20-11-33-19-50z" fill="#090e1c" stroke="#090e1c"/><path d="M721 578c5-14 43-43 43-54-1-6-10-12-15-15-5-4-23-21-29-22-12-2-33 25-40 34-22 28-22 67-4 97 20 34 53 28 79 50-30 30-82 29-89 81-5 32 9 70 36 89 8 6 18 10 24 17-1 4-4 7-7 11-21 26-25 22 3 46 6 4 15 16 23 17 10 0 27-24 32-32 9-13 13-29 13-45-1-59-56-51-71-80 36-37 88-26 92-98 2-44-16-66-56-81-12-4-24-8-34-15zm-19 3c5 4 9 9 15 12 49 29 79 11 79 85-5 29-15 41-41 55-9 5-58 28-52 41 18 35 95 40 69 98-3 15-15 31-26 41l-28-24c8-9 27-26 25-39-16-21-45-23-54-51-5-8-7-20-8-29-9-75 94-68 90-106-22-28-67-23-85-57-22-46 0-73 31-105l30 23c-8 8-47 47-45 56z" fill="#090e1c" stroke="#090e1c"/><path d="M752 160c-3 1-5 2-7 5 0 0-21 51-27 61-12 20-27 38-43 55-29 28-26 24 6 52 8 6 34 36 43 36 4 0 8-4 11-7 36-32 66-68 88-111 5-10 21-39 16-49-3-6-14-10-19-13-10-6-58-30-68-29zm4 17c23 7 50 17 69 32-14 45-42 84-74 118-8 9-18 16-27 25l-52-48c7-9 17-16 25-25 27-29 47-65 59-102z" fill="#090e1c" stroke="#090e1c"/><path d="M483 719c-3 1-29 48-35 55-12 17-28 30-43 45-3 2-6 5-6 9 0 5 31 30 36 37 7 7 25 34 33 33 5-1 9-6 13-9 32-27 60-60 79-97 23-46 15-34-19-44-12-3-23-8-33-14-6-4-13-13-19-14-2-1-4-1-6-1zm4 18c18 14 45 29 69 28-9 33-35 64-58 88-9 11-21 19-30 29-13-22-34-36-51-55 27-14 57-62 70-90z" fill="#090e1c" stroke="#090e1c"/><path d="M222 471c-13 0-79 37-81 50 0 5 5 11 7 15 8 14 52 87 60 93 2 2 5 3 8 3 3-1 68-45 69-47 2-7-5-12-8-17-13-18-24-37-32-57-4-8-9-31-14-36-3-3-6-4-9-4zm-1 15c3 26 30 74 47 94l-53 36-58-93c20-15 41-25 64-37z" fill="#090e1c" stroke="#090e1c"/><path d="M540 171c-55 7-44 94 13 85 55-8 44-92-13-85zm3 14c36-3 44 53 7 57s-44-53-7-57z" fill="#090e1c" stroke="#090e1c"/><path d="M578 420c-51 9-38 89 16 81 51-8 39-90-16-81zm3 14c33-6 44 46 11 52-34 7-45-46-11-52z" fill="#090e1c" stroke="#090e1c"/><path d="M300 681c-47 8-33 82 16 72 46-9 33-80-16-72zm3 14c29-5 38 39 9 44-28 5-37-39-9-44z" fill="#090e1c" stroke="#090e1c"/><path d="M812 398c-47 7-36 79 12 72 47-6 37-79-12-72zm3 14c28-3 36 41 7 45s-36-41-7-45z" fill="#090e1c" stroke="#090e1c"/></g><g id="blue" data-name="Blue"><path d="M756 177c-12 37-32 73-59 102-8 9-18 16-25 25l52 48c9-9 19-16 27-25 32-34 60-73 74-118-19-15-46-25-69-32z" fill="#0186fc" stroke="#0186fc"/><path d="M581 434c-34 6-23 59 11 52 33-6 22-58-11-52z" fill="#0186fc" stroke="#0186fc"/></g><g id="green" data-name="Green"><path d="M487 737c-13 28-43 76-70 90 17 19 38 33 51 55 9-10 21-18 30-29 23-24 49-55 58-88-24 1-51-14-69-28z" fill="#02bb3c" stroke="#02bb3c"/><path d="M815 412c-29 4-22 49 7 45s21-48-7-45z" fill="#02bb3c" stroke="#02bb3c"/></g><g id="purple" data-name="Purple"><path d="M221 486c-23 12-44 22-64 
…

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

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

import ConfettiSvg from "./confetti.jsx"; // from the React tab above

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