Headphones SVG illustration, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300"><ellipse cx="200" cy="261" rx="98" ry="12" fill="#344B50" opacity=".12"/><path d="M89 173v-38C89 72 135 30 200 30s111 42 111 105v38h-22v-38c0-50-36-83-89-83s-89 33-89 83v38z" fill="#40565D"/><path d="M96 133c0-57 42-96 104-96s104 39 104 96v12h-9v-12c0-52-38-87-95-87s-95 35-95 87v12h-9z" fill="#8DAFA8"/><path d="M123 91c14-29 41-44 77-44s63 15 77 44l-10 6c-12-25-35-38-67-38s-55 13-67 38z" fill="#BCD0C4"/><path d="M90 141h19v56H90c-7 0-12-5-12-12v-32c0-7 5-12 12-12z" fill="#8DAFA8"/><path d="M291 141h19c7 0 12 5 12 12v32c0 7-5 12-12 12h-19z" fill="#8DAFA8"/><path d="M97 167h14v56c0 12 7 19 19 19h9v12h-10c-20 0-32-12-32-31z" fill="#40565D"/><path d="M289 167h14v56c0 19-12 31-32 31h-10v-12h9c12 0 19-7 19-19z" fill="#40565D"/><rect x="99" y="151" width="50" height="96" rx="22" fill="#8DAFA8"/><rect x="251" y="151" width="50" height="96" rx="22" fill="#8DAFA8"/><path d="M121 158h7v82h-7c-9 0-16-8-16-18v-46c0-10 7-18 16-18z" fill="#BCD0C4"/><path d="M279 158h-7v82h7c9 0 16-8 16-18v-46c0-10-7-18-16-18z" fill="#BCD0C4"/><rect x="124" y="147" width="35" height="105" rx="17.5" fill="#40565D"/><rect x="241" y="147" width="35" height="105" rx="17.5" fill="#40565D"/><rect x="135" y="155" width="18" height="89" rx="9" fill="#637C7D"/><rect x="247" y="155" width="18" height="89" rx="9" fill="#637C7D"/><rect x="139" y="166" width="9" height="66" rx="4.5" fill="#344B50"/><rect x="252" y="166" width="9" height="66" rx="4.5" fill="#344B50"/></svg>

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

import HeadphonesSvg from "./headphones.jsx"; // from the React tab above

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