Privacy Settings SVG illustration, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" fill="none"><ellipse cx="204" cy="259" rx="137" ry="13" fill="#DED9EB" opacity=".5"/><rect x="70" y="47" width="190" height="200" rx="18" fill="#DED9EB"/><rect x="62" y="39" width="190" height="200" rx="18" fill="#F4ECDC"/><path d="M80 39h154a18 18 0 0 1 18 18v15H62V57a18 18 0 0 1 18-18Z" fill="#A9C8BC"/><circle cx="79" cy="56" r="3" fill="#F4ECDC"/><circle cx="91" cy="56" r="3" fill="#F4ECDC"/><circle cx="103" cy="56" r="3" fill="#F4ECDC"/><circle cx="130" cy="119" r="31" fill="#DED9EB"/><path d="M105 137c3-12 12-18 25-18s22 6 25 18a31 31 0 0 1-50 0Z" fill="#8B82A6"/><circle cx="130" cy="110" r="12" fill="#8B82A6"/><rect x="93" y="166" width="74" height="8" rx="4" fill="#8B82A6"/><rect x="93" y="184" width="111" height="6" rx="3" fill="#DED9EB"/><rect x="93" y="199" width="88" height="6" rx="3" fill="#DED9EB"/><rect x="268" y="89" width="72" height="35" rx="17.5" fill="#A9C8BC"/><circle cx="322" cy="106.5" r="12.5" fill="#F4ECDC"/><path d="m278 106 4 4 7-8" stroke="#40394F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><rect x="268" y="142" width="72" height="35" rx="17.5" fill="#DED9EB"/><circle cx="286" cy="159.5" r="12.5" fill="#F4ECDC"/><path d="M315 159.5h12" stroke="#8B82A6" stroke-width="2" stroke-linecap="round"/><path d="M217 126c16 12 35 19 56 22v43c0 32-21 55-56 71-35-16-56-39-56-71v-43c21-3 40-10 56-22Z" fill="#40394F"/><path d="M211 121c16 12 35 19 56 22v43c0 32-21 55-56 71-35-16-56-39-56-71v-43c21-3 40-10 56-22Z" fill="#A9C8BC"/><path d="M211 135c13 9 27 15 43 18v33c0 25-15 44-43 58-28-14-43-33-43-58v-33c16-3 30-9 43-18Z" fill="#F4ECDC"/><path d="M211 135v109c28-14 43-33 43-58v-33c-16-3-30-9-43-18Z" fill="#DED9EB"/><path d="M198 183v-12a13 13 0 0 1 26 0v12" stroke="#40394F" stroke-width="3" stroke-linecap="round"/><rect x="189" y="179" width="44" height="36" rx="7" fill="#8B82A6"/><circle cx="211" cy="194" r="4" fill="#F4ECDC"/><path d="M211 197v7" stroke="#F4ECDC" stroke-width="3" stroke-linecap="round"/><circle cx="303" cy="218" r="5" fill="#EACB79"/><circle cx="47" cy="150" r="4" fill="#A9C8BC"/><path d="M287 48v10m-5-5h10" stroke="#8B82A6" stroke-width="2" stroke-linecap="round"/><path d="m83 255 5-9 5 9Z" fill="#EACB79"/></svg>

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

import PrivacySettingsSvg from "./privacy-settings.jsx"; // from the React tab above

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