Password Setup SVG illustration, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" fill="none"><ellipse cx="201" cy="256" rx="136" ry="12" fill="#DED9EB" opacity=".5"/><rect x="64" y="66" width="270" height="160" rx="18" fill="#DED9EB"/><rect x="56" y="58" width="270" height="160" rx="18" fill="#F4ECDC"/><path d="M56 94V76a18 18 0 0 1 18-18h234a18 18 0 0 1 18 18v18Z" fill="#A9C8BC"/><circle cx="77" cy="76" r="4" fill="#F4ECDC"/><circle cx="92" cy="76" r="4" fill="#F4ECDC"/><circle cx="107" cy="76" r="4" fill="#F4ECDC"/><rect x="79" y="117" width="224" height="62" rx="11" fill="#DED9EB"/><rect x="83" y="121" width="216" height="54" rx="8" fill="#F4ECDC"/><path d="M100 143v-6a7 7 0 0 1 14 0v6" stroke="#8B82A6" stroke-width="3" stroke-linecap="round"/><rect x="96" y="141" width="22" height="19" rx="4" fill="#8B82A6"/><circle cx="145" cy="148" r="4.5" fill="#40394F"/><circle cx="164" cy="148" r="4.5" fill="#40394F"/><circle cx="183" cy="148" r="4.5" fill="#40394F"/><circle cx="202" cy="148" r="4.5" fill="#40394F"/><circle cx="221" cy="148" r="4.5" fill="#40394F"/><circle cx="240" cy="148" r="4.5" fill="#40394F"/><path d="M268 137v22" stroke="#A9C8BC" stroke-width="2" stroke-linecap="round"/><rect x="83" y="190" width="41" height="5" rx="2.5" fill="#A9C8BC"/><rect x="130" y="190" width="41" height="5" rx="2.5" fill="#A9C8BC"/><rect x="177" y="190" width="41" height="5" rx="2.5" fill="#A9C8BC"/><rect x="224" y="190" width="41" height="5" rx="2.5" fill="#DED9EB"/><g transform="translate(92 221) rotate(-27)"><path d="M22-8h90a4 4 0 0 1 4 4v13h-12v12H91V9H78V0H22Z" fill="#DA837B"/><path d="M22-13h90a4 4 0 0 1 4 4V4h-12v12H91V4H78v-9H22Z" fill="#EACB79"/><path fill-rule="evenodd" d="M0-30a30 30 0 1 0 0 60 30 30 0 0 0 0-60Zm-5 16a14 14 0 1 1 0 28 14 14 0 0 1 0-28Z" fill="#EACB79"/><path d="M-23 14A27 27 0 0 0 23 14" stroke="#DA837B" stroke-width="2" stroke-linecap="round"/></g><path d="M293 174c11 8 25 12 39 14v25c0 24-16 40-39 48-23-8-39-24-39-48v-25c14-2 28-6 39-14Z" fill="#8B82A6"/><path d="M288 170c11 8 25 12 39 14v25c0 24-16 40-39 48-23-8-39-24-39-48v-25c14-2 28-6 39-14Z" fill="#A9C8BC"/><path d="M288 182c8 5 18 9 28 11v16c0 18-11 31-28 38-17-7-28-20-28-38v-16c10-2 20-6 28-11Z" fill="#F4ECDC"/><path d="m275 212 9 9 18-20" stroke="#8B82A6" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><circle cx="341" cy="122" r="4" fill="#EACB79"/><circle cx="48" cy="152" r="3" fill="#A9C8BC"/><path d="M285 32v10m-5-5h10" stroke="#DA837B" stroke-width="3" stroke-linecap="round"/><path d="m42 99-6 6m6 0-6-6" stroke="#8B82A6" stroke-width="2" stroke-linecap="round"/><path d="m342 231 7 4-7 4-4-4Z" fill="#EACB79"/></svg>

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

import PasswordSetupSvg from "./password-setup.jsx"; // from the React tab above

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