Hoodie SVG graphic, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path d="M311 678C251 701 214 797 210 956H338C330 867 343 768 382 711Z" fill="#a68bcc" stroke="#222d30" stroke-width="16" stroke-linejoin="round"/><path d="M713 678C773 701 810 797 814 956H686C694 867 681 768 642 711Z" fill="#a68bcc" stroke="#222d30" stroke-width="16" stroke-linejoin="round"/><path d="M282 814C270 850 266 898 268 956M742 814C754 850 758 898 756 956" fill="none" stroke="#7965a1" stroke-width="16" stroke-linecap="round"/><path d="M371 714C352 743 336 801 336 871C336 902 337 930 338 956H686C687 930 688 902 688 871C688 801 672 743 653 714L622 713C619 775 580 844 512 885C444 844 405 775 402 713Z" fill="#bba2dc" stroke="#222d30" stroke-width="16" stroke-linejoin="round"/><path d="M371 714C352 743 336 801 336 871C336 902 337 930 338 956H686C687 930 688 902 688 871C688 801 672 743 653 714L622 713C619 775 580 844 512 885C444 844 405 775 402 713Z" fill="none" stroke="#222d30" stroke-width="16" stroke-linejoin="round"/><path d="M390 720C400 784 441 851 512 885M634 720C624 784 583 851 512 885" fill="none" stroke="#9479b9" stroke-width="13" stroke-linecap="round"/><path d="M463 892V922M561 892V922" fill="none" stroke="#222d30" stroke-width="13" stroke-linecap="round"/><path d="M456 921H470L465 944H461ZM554 921H568L563 944H559Z" fill="#eee6ad" stroke="#222d30" stroke-width="5" stroke-linejoin="round"/><path d="M405 909C426 924 459 931 512 931C565 931 598 924 619 909L603 956H421Z" fill="#a68bcc" stroke="#222d30" stroke-width="13" stroke-linejoin="round"/></svg>

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

import HoodieSvg from "./hoodie.jsx"; // from the React tab above

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