First Task SVG illustration, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" fill="none"><ellipse cx="204" cy="266" rx="137" ry="11" fill="#DED9EB" opacity=".5"/><path d="M199 194h10l-12 67h-11Zm105 0h10l14 67h-11Z" fill="#8B82A6"/><rect x="167" y="45" width="184" height="158" rx="12" fill="#8B82A6"/><rect x="175" y="53" width="168" height="142" rx="7" fill="#F4ECDC"/><path d="M184 203h148" stroke="#40394F" stroke-width="3" stroke-linecap="round"/><rect x="204" y="75" width="74" height="84" rx="7" fill="#DED9EB"/><rect x="200" y="70" width="74" height="84" rx="7" fill="#A9C8BC"/><circle cx="237" cy="111" r="18" fill="#F4ECDC"/><path d="m228 111 6 6 12-13" stroke="#40394F" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="m104 184 26 1-5 61h-16l-7-43Z" fill="#40394F"/><path d="m128 183 23-1 10 62h-17l-17-40Z" fill="#40394F"/><path d="m110 241 15 1-1 12h-15Zm34-1 16-1 3 13-16 2Z" fill="#EDB59D"/><path d="M108 250h17l2 10c0 3-2 4-5 4H98c-4 0-5-4-2-6Z" fill="#8B82A6"/><path d="m147 251 16-2 13 9c3 2 2 6-2 6h-26c-2 0-3-2-3-4Z" fill="#8B82A6"/><path d="m112 129-18 33 18 18" stroke="#EDB59D" stroke-width="13" stroke-linecap="round" stroke-linejoin="round"/><path d="m110 176 9 5 2 8c1 4-4 6-6 2l-4-5-5-3Z" fill="#EDB59D"/><path d="M118 116c-9 1-17 7-21 16l-6 14 19 9-8 32c15 8 35 8 52-1l-8-42 13-9-11-17-15-3Z" fill="#DA837B"/><path d="m147 131 28 3 29-24" stroke="#EDB59D" stroke-width="13" stroke-linecap="round" stroke-linejoin="round"/><path d="m198 114 3-11 1-10c0-4 5-4 5 0v8l8-5c3-2 6 2 3 4l-7 6-2 8Z" fill="#EDB59D"/><path d="m147 117 15 9-7 18-15-5Z" fill="#DA837B"/><path d="m110 153 3-12m31 7 3 13" stroke="#40394F" stroke-width="2" stroke-linecap="round" opacity=".2"/><path d="M119 104h15v15c-3 8-13 8-17 0Z" fill="#EDB59D"/><path d="M106 84c-7-9-3-24 8-30 12-7 29-2 33 9 7 1 11 8 8 14l-10 21-34-1Z" fill="#40394F"/><path d="M115 77c9 0 17-4 22-10 1 8 6 13 12 14l-1 14c-1 12-8 20-18 19-10-1-16-9-16-19Z" fill="#EDB59D"/><ellipse cx="114" cy="91" rx="6" ry="7" fill="#EDB59D"/><path d="M131 87v2m12-1v2" stroke="#40394F" stroke-width="2.5" stroke-linecap="round"/><path d="m138 90 1 7h-3" stroke="#DA837B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M131 102c3 3 7 3 10 0" stroke="#40394F" stroke-width="2" stroke-linecap="round"/></svg>

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

import FirstTaskSvg from "./first-task.jsx"; // from the React tab above

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