Confetti SVG pattern, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><rect width="200" height="200" fill="#fff8ed"/><g fill="#e85d5d"><rect x="14" y="23" width="13" height="6" transform="rotate(-25 20.5 26)"/><rect x="112" y="35" width="7" height="15" transform="rotate(18 115.5 42.5)"/><rect x="46" y="119" width="14" height="6" transform="rotate(32 53 122)"/><rect x="151" y="156" width="7" height="14" transform="rotate(-30 154.5 163)"/><circle cx="80" cy="78" r="5"/><circle cx="173" cy="91" r="5"/><circle cx="0" cy="62" r="5"/><circle cx="200" cy="62" r="5"/><path d="M92 184l12 0-6 11z"/></g><g fill="#167d8d"><circle cx="48" cy="52" r="5"/><circle cx="143" cy="19" r="5"/><circle cx="118" cy="112" r="5"/><circle cx="31" cy="174" r="5"/><rect x="164" y="43" width="13" height="6" transform="rotate(34 170.5 46)"/><rect x="16" y="94" width="7" height="14" transform="rotate(-22 19.5 101)"/><rect x="76" y="151" width="14" height="6" transform="rotate(-28 83 154)"/><path d="M184 133l12 0-6 11zM68 12l12 0-6 11z"/><path d="M130 0l12 0-6 11zM130 200l12 0-6 11z"/></g><g fill="#edac32"><path d="M35 7l12 0-6 11zM151 70l12 0-6 11zM64 100l12 0-6 11zM119 161l12 0-6 11z"/><circle cx="100" cy="23" r="5"/><circle cx="31" cy="142" r="5"/><circle cx="179" cy="181" r="5"/><circle cx="111" cy="200" r="5"/><circle cx="111" cy="0" r="5"/><rect x="174" y="15" width="7" height="14" transform="rotate(-20 177.5 22)"/><rect x="91" y="126" width="13" height="6" transform="rotate(24 97.5 129)"/><rect x="10" y="190" width="13" height="6" transform="rotate(-18 16.5 193)"/></g></svg>

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

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

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