Profile Photo SVG illustration, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/1b4YoVVuwiPz/amnt.svg" alt="Profile Photo" width="48" height="48">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" fill="none"><defs><clipPath id="portrait"><circle cx="244" cy="115" r="61"/></clipPath></defs><ellipse cx="203" cy="263" rx="139" ry="12" fill="#DED9EB" opacity=".55"/><path d="M237 172h14v67h-14z" fill="#8B82A6"/><rect x="216" y="237" width="57" height="8" rx="4" fill="#8B82A6"/><circle cx="244" cy="115" r="74" fill="#DED9EB"/><circle cx="244" cy="115" r="66" fill="#8B82A6"/><circle cx="244" cy="115" r="61" fill="#F4ECDC"/><g clip-path="url(#portrait)"><path d="m187 66 108-13 17 132-108 13z" fill="#A9C8BC"/><path d="m197 75 89-11 12 98-89 11z" fill="#F4ECDC"/><path d="M206 171c-1-24 9-39 30-42l16-2c21-2 36 13 42 35l3 18-88 10Z" fill="#DA837B"/><path d="m234 115 17-2 3 21c-4 8-14 9-19 2Z" fill="#EDB59D"/><path d="M217 103c-7-7-7-23 1-32 9-11 30-11 38-1 9 1 14 15 9 28l-9 16-34 2Z" fill="#40394F"/><path d="M223 88c10 1 19-4 24-11 3 7 7 11 13 13l1 14c1 12-6 22-17 23-11 1-20-7-21-19Z" fill="#EDB59D"/><ellipse cx="222" cy="105" rx="5" ry="6" fill="#EDB59D"/><path d="m233 99 .2 2m16-4 .2 2" stroke="#40394F" stroke-width="2.5" stroke-linecap="round"/><path d="M235 112c4 3 9 3 12-1" stroke="#40394F" stroke-width="2" stroke-linecap="round"/></g><path d="M300 67a74 74 0 0 1-49 122" stroke="#DED9EB" stroke-width="3" stroke-linecap="round"/><path d="m105 184 24 2-6 61h-17l-4-39Z" fill="#40394F"/><path d="m128 186 22-4 13 62-17 4-20-43Z" fill="#40394F"/><path d="m108 243 15 1-1 12h-16Z" fill="#EDB59D"/><path d="m146 243 16-2 4 12-16 3Z" fill="#EDB59D"/><path d="M106 252h17l2 8c1 2-1 4-3 4H94c-4 0-5-4-1-6Z" fill="#8B82A6"/><path d="m149 252 17-3 13 8c3 2 2 6-1 6h-26c-2 0-3-1-3-3Z" fill="#8B82A6"/><path d="m139 125 23-18 17-33" stroke="#EDB59D" stroke-width="13" stroke-linecap="round" stroke-linejoin="round"/><path d="m175 80 3-14c1-4 5-3 5 0l-1 7 6-6c3-3 6 1 3 4l-9 11Z" fill="#EDB59D"/><path d="M114 116c-9 1-16 7-18 18l3 57c15 7 37 6 54-2l-9-43 11-13-13-17-14-2Z" fill="#A9C8BC"/><path d="M108 139v28l42 4 26-16" stroke="#EDB59D" stroke-width="13" stroke-linecap="round" stroke-linejoin="round"/><path d="m175 156 11-9c3-2 6 1 3 4l-4 4 8-1c4 0 4 4 1 5l-13 4Z" fill="#EDB59D"/><path d="M96 134c1-10 5-15 12-15 9 1 13 8 12 17l-1 13H95Z" fill="#A9C8BC"/><path d="m115 104 16-1 1 15c-4 7-14 7-18 0Z" fill="#EDB59D"/><path d="M100 91c-7-14-1-30 12-34 13-5 29 3 30 15 6 5 5 17-1 25l-30 8Z" fill="#40394F"/><path d="M109 79c10 0 20-4 25-10 0 9 3 15 9 18v11c0 11-7 19-16 19-10 0-18-8-18-19Z" fill="#EDB59D"/><ellipse cx="108" cy="94" rx="5" ry="6" fill="#EDB59D"/><path d="M123 91v2m13-2v2" stroke="#40394F" stroke-width="2.5" stroke-linecap="round"/><path d="M126 103c3 2 7 1 9-2" stroke="#40394F" stroke-width="2" stroke-linecap="round"/><path d="m301 236-9 24m21-24 10 24" stroke="#8B82A6" stroke-width="3" stroke-linecap="round"/><path d="m282 201 5-11h24l6 11Z" fill="#8B82A6"/><rect x="271" y="199" width="70" height="42" rx="8" fill="#40394F"/><rect x="278" y="206" width="12" height="6" rx="2" fill="#EACB79"/><circle cx="310" cy="220" r="16" fill="#DED9EB"/><circle cx="310" cy="220" r="11" fill="#8B82A6"/><circle cx="310" cy="220" r="6" fill="#40394F"/><circle cx="313" cy="217" r="2.5" fill="#F4ECDC"/><path d="m76 112-8-4m9-13-4-7m254 28 8-3m-11-9 5-6" stroke="#EACB79" stroke-width="3" stroke-linecap="round"/><circle cx="167" cy="45" r="4" fill="#DA837B"/><circle cx="73" cy="206" r="3" fill="#A9C8BC"/></svg>

.profile-photo {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/1b4YoVVuwiPz/amnt.svg");
  background-size: contain;
}

import ProfilePhotoSvg from "./profile-photo.jsx"; // from the React tab above

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