Cherry Blossoms SVG background, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice"><rect width="1600" height="900" fill="#F8F4F1"/><defs><g id="blossom"><circle cx="0" cy="-10" r="9" fill="#F2C7CF"/><circle cx="10" cy="-3" r="9" fill="#F2C7CF"/><circle cx="6" cy="9" r="9" fill="#F2C7CF"/><circle cx="-6" cy="9" r="9" fill="#F2C7CF"/><circle cx="-10" cy="-3" r="9" fill="#F2C7CF"/><circle r="5" fill="#D98F9D"/></g></defs><g fill="none" stroke="#806B68" stroke-linecap="round" stroke-linejoin="round"><path d="M-30 18 C105 45 190 100 280 165 S395 240 480 260" stroke-width="13"/><path d="M125 66 C155 120 160 174 175 225" stroke-width="7"/><path d="M248 144 C255 93 280 55 325 20" stroke-width="7"/><path d="M350 214 C390 182 420 160 465 148" stroke-width="6"/><path d="M1630 8 C1490 40 1410 96 1320 160 S1200 235 1120 255" stroke-width="13"/><path d="M1470 76 C1450 126 1448 170 1430 215" stroke-width="7"/><path d="M1350 137 C1340 85 1315 48 1275 16" stroke-width="7"/><path d="M1245 210 C1210 177 1175 156 1135 148" stroke-width="6"/></g><g opacity=".95"><use href="#blossom" x="54" y="37" transform="rotate(-12 54 37)"/><use href="#blossom" x="111" y="64"/><use href="#blossom" x="171" y="105"/><use href="#blossom" x="229" y="141"/><use href="#blossom" x="294" y="181"/><use href="#blossom" x="367" y="224"/><use href="#blossom" x="454" y="252"/><use href="#blossom" x="160" y="172"/><use href="#blossom" x="179" y="222"/><use href="#blossom" x="282" y="77"/><use href="#blossom" x="320" y="26"/><use href="#blossom" x="412" y="172"/><use href="#blossom" x="463" y="146"/><use href="#blossom" x="1543" y="31"/><use href="#blossom" x="1484" y="61"/><use href="#blossom" x="1424" y="98"/><use href="#blossom" x="1364" y="139"/><use href="#blossom" x="1302" y="180"/><use href="#blossom" x="1235" y="220"/><use href="#blossom" x="1145" y="250"/><use href="#blossom" x="1443" y="170"/><use href="#blossom" x="1428" y="214"/><use href="#blossom" x="1315" y="75"/><use href="#blossom" x="1277" y="24"/><use href="#blossom" x="1176" y="166"/><use href="#blossom" x="1136" y="146"/></g><g fill="#E6ADB8"><circle cx="82" cy="104" r="5"/><circle cx="206" cy="205" r="4"/><circle cx="394" cy="269" r="5"/><circle cx="1515" cy="109" r="5"/><circle cx="1390" cy="204" r="4"/><circle cx="1200" cy="267" r="5"/></g></svg>

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

import CherryBlossomsSvg from "./cherry-blossoms.jsx"; // from the React tab above

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