Camera SVG illustration, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300"><ellipse cx="200" cy="246" rx="133" ry="13" fill="#304B54" opacity=".12"/><rect x="268" y="65" width="31" height="14" rx="5" fill="#304B54"/><rect x="271" y="62" width="25" height="8" rx="4" fill="#DAAF89"/><rect x="63" y="77" width="274" height="160" rx="24" fill="#527879"/><path d="M87 77h226c13 0 24 11 24 24v24H63v-24c0-13 11-24 24-24Z" fill="#B8CEC5"/><path d="M63 125h42v112H87c-13 0-24-11-24-24Z" fill="#709591"/><rect x="76" y="143" width="15" height="70" rx="7.5" fill="#527879"/><rect x="83" y="90" width="48" height="22" rx="5" fill="#E7E8D9"/><rect x="90" y="95" width="34" height="12" rx="2" fill="#DAAF89"/><rect x="271" y="91" width="39" height="21" rx="5" fill="#527879"/><rect x="277" y="96" width="27" height="11" rx="3" fill="#304B54"/><circle cx="314" cy="138" r="4" fill="#DAAF89"/><circle cx="205" cy="168" r="68" fill="#304B54" opacity=".18"/><circle cx="201" cy="158" r="68" fill="#E7E8D9"/><circle cx="201" cy="158" r="59" fill="#709591"/><circle cx="201" cy="158" r="50" fill="#304B54"/><circle cx="201" cy="158" r="37" fill="#527879"/><circle cx="201" cy="158" r="26" fill="#304B54"/><path d="M173 145c3-13 14-22 28-22 5 0 10 1 14 4l-37 37c-5-5-7-12-5-19Z" fill="#91B8B6"/><ellipse cx="187" cy="137" rx="7" ry="5" transform="rotate(-35 187 137)" fill="#E7E8D9"/><circle cx="216" cy="177" r="7" fill="#709591"/></svg>

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

import CameraSvg from "./camera.jsx"; // from the React tab above

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