Location Permission SVG illustration, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/6D2UMUknxu2B/amnt.svg" alt="Location Permission" width="48" height="48">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" fill="none"><defs><clipPath id="screen"><rect x="128" y="43" width="126" height="211" rx="15"/></clipPath></defs><ellipse cx="207" cy="269" rx="117" ry="11" fill="#DEDCE9" opacity=".55"/><circle cx="81" cy="94" r="5" fill="#A9CDBD"/><circle cx="296" cy="57" r="4" fill="#E8CB87"/><path d="M310 107v10m-5-5h10M85 207v8m-4-4h8" stroke="#AEA5C5" stroke-width="3" stroke-linecap="round"/><path d="m98 48 6-6 6 6-6 6Z" fill="#DEDCE9"/><rect x="116" y="29" width="150" height="237" rx="25" fill="#454254"/><rect x="112" y="78" width="4" height="24" rx="2" fill="#454254"/><rect x="112" y="110" width="4" height="35" rx="2" fill="#454254"/><rect x="266" y="90" width="4" height="34" rx="2" fill="#454254"/><g clip-path="url(#screen)"><rect x="128" y="43" width="126" height="211" fill="#F5F0E5"/><path d="M128 43h55l-14 57-41 13Zm72 0h54v59l-66-3ZM128 132l37-12 16 53-53 17Zm65-16 61 7v53l-43-13ZM128 211l62-20 20 63h-82Z" fill="#A9CDBD"/><path d="m223 190 31 5v59h-28l-21-58Z" fill="#DEDCE9"/><path d="m128 112 44-7 82 9M178 43l-5 65 29 77 22 69M128 202l73-17 53 3" stroke="#F5F0E5" stroke-width="12" stroke-linejoin="round"/><path d="m232 43-10 36 32 9M128 158l45-12M147 254l-10-52" stroke="#F5F0E5" stroke-width="6" stroke-linejoin="round"/><path d="M136 235c20-17 41-13 48-28s2-22 18-29" stroke="#AEA5C5" stroke-width="3" stroke-linecap="round" stroke-dasharray="3 7"/></g><path d="M164 42h54v5a7 7 0 0 1-7 7h-40a7 7 0 0 1-7-7Z" fill="#454254"/><rect x="176" y="246" width="30" height="3" rx="1.5" fill="#454254" opacity=".5"/><ellipse cx="192" cy="171" rx="23" ry="8" fill="#AEA5C5" opacity=".4"/><path d="M192 90a32 32 0 0 0-32 32c0 23 32 49 32 49s32-26 32-49a32 32 0 0 0-32-32Z" fill="#DB8B82"/><circle cx="192" cy="121" r="12" fill="#F5F0E5"/><rect x="231" y="177" width="100" height="61" rx="19" fill="#DEDCE9"/><rect x="227" y="173" width="100" height="61" rx="19" fill="#F5F0E5"/><rect x="240" y="187" width="74" height="33" rx="16.5" fill="#A9CDBD"/><circle cx="297" cy="203.5" r="12.5" fill="#F5F0E5"/><path d="m251 203 4 4 7-8" stroke="#454254" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><path d="m333 164 6-6m-22-1 2-8m19 29 8-1" stroke="#E8CB87" stroke-width="3" stroke-linecap="round"/></svg>

.location-permission {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/6D2UMUknxu2B/amnt.svg");
  background-size: contain;
}

import LocationPermissionSvg from "./location-permission.jsx"; // from the React tab above

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