Welcome Screen SVG illustration, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" fill="none"><ellipse cx="203" cy="263" rx="135" ry="12" fill="#DED9EB" opacity=".55"/><path d="M104 255V53a15 15 0 0 1 15-15h117a15 15 0 0 1 15 15v202Z" fill="#DED9EB"/><path d="M116 251V56a6 6 0 0 1 6-6h111a6 6 0 0 1 6 6v195Z" fill="#40394F"/><path d="M222 50h11a6 6 0 0 1 6 6v195h-17Z" fill="#8B82A6"/><path d="m116 244 106-10 17 17H116Z" fill="#8B82A6"/><rect x="100" y="251" width="155" height="8" rx="3" fill="#DED9EB"/><path d="m116 50 76 29v178l-76-6Z" fill="#A9C8BC"/><path d="m192 79 6-3v182l-6-1Z" fill="#8B82A6"/><path d="m127 70 53 20v67l-53-12Z" fill="#F4ECDC" opacity=".45"/><path d="m127 157 53 11v73l-53-4Z" fill="#F4ECDC" opacity=".25"/><ellipse cx="179" cy="166" rx="3.5" ry="5" fill="#40394F"/><path d="m179 166-11-2" stroke="#EACB79" stroke-width="3" stroke-linecap="round"/><path d="m70 82 9-5 5 9-9 5Z" fill="#EACB79"/><path d="m282 47 7-8 8 7-7 8Z" fill="#DA837B"/><path d="m323 159 8 2-2 8-8-2Z" fill="#A9C8BC"/><circle cx="91" cy="123" r="3" fill="#DA837B"/><circle cx="261" cy="27" r="3" fill="#A9C8BC"/><circle cx="330" cy="84" r="3.5" fill="#EACB79"/><path d="m66 171 4-9 7 8Z" fill="#8B82A6"/><path d="m312 207 6-8 5 9Z" fill="#EACB79"/><path d="m213 21 4 7m88 34 6-4M82 217l6 3" stroke="#8B82A6" stroke-width="3" stroke-linecap="round"/><path d="m217 188 27 1-7 61h-18l-4-42Z" fill="#40394F"/><path d="m240 189 24-2 7 62h-18l-16-45Z" fill="#40394F"/><path d="m221 244 15 1-1 10-15 1Z" fill="#EDB59D"/><path d="m254 244 16-1 2 11-16 2Z" fill="#EDB59D"/><path d="M219 252h17l2 8a3 3 0 0 1-3 4h-28c-3 0-4-4-1-6Z" fill="#8B82A6"/><path d="m255 252 17-1 12 7c3 2 2 6-1 6h-26a3 3 0 0 1-3-3Z" fill="#8B82A6"/><path d="m220 145-17 25-19-5" stroke="#EDB59D" stroke-width="13" stroke-linecap="round" stroke-linejoin="round"/><path d="m186 165-8-7m7 9-10-1" stroke="#EDB59D" stroke-width="6" stroke-linecap="round"/><path d="m263 140 20-17 8-25" stroke="#EDB59D" stroke-width="14" stroke-linecap="round" stroke-linejoin="round"/><path d="M286 103c-4-4-8-10-8-14 0-3 4-4 6-1l3 4-1-17c0-4 5-4 6-1l1 12 2-17c1-4 6-3 6 1l-1 16 5-13c1-4 6-2 5 2l-5 15 5-7c2-3 6 0 4 3l-10 16c-4 6-13 8-18 1Z" fill="#EDB59D"/><path d="M231 124c-9 1-15 5-20 13l-8 13 17 10-5 34c12 8 35 9 53 0l-5-36 13-13-13-17-14-4Z" fill="#DA837B"/><path d="m219 160 3-14m39 13-3-12" stroke="#40394F" stroke-width="2" stroke-linecap="round" opacity=".25"/><path d="M232 115h16v12c-3 9-14 8-18 0Z" fill="#EDB59D"/><path d="M217 96c-6-13-1-27 13-31 13-4 29 2 30 16 7 5 5 18-3 22l-36 2Z" fill="#40394F"/><ellipse cx="221" cy="102" rx="6" ry="7" fill="#EDB59D"/><ellipse cx="257" cy="101" rx="5" ry="7" fill="#EDB59D"/><path d="M223 88c7 1 18-3 23-10 1 8 5 13 10 14v13c0 11-7 19-16 19s-17-8-17-19Z" fill="#EDB59D"/><path d="M231 100v2m16-2v2" stroke="#40394F" stroke-width="2.5" stroke-linecap="round"/><path d="M233 111c4 4 9 4 13-1" stroke="#40394F" stroke-width="2" stroke-linecap="round"/><path d="m240 101-1 5h3" stroke="#DA837B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>

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

import WelcomeScreenSvg from "./welcome-screen.jsx"; // from the React tab above

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