Cowboy Hat SVG graphic, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path d="M345 205 370 103q5-18 21-8l85 50q20-22 36-22t36 22l85-50q16-10 21 8l25 102-72 33H417Z" fill="#a96d3c" stroke="#202d30" stroke-width="16" stroke-linejoin="round"/><path d="M383 127 361 199l67 13 41-42Z" fill="#c58a4e"/><path d="m641 126 22 73-68 13-40-42Z" fill="#83502f"/><path d="M345 205q37-27 79-31l37-72q8-16 24-11l27 11 27-11q16-5 24 11l37 72q42 4 79 31l-62 45H407Z" fill="#a96d3c" stroke="#202d30" stroke-width="16" stroke-linejoin="round"/><path d="M402 199q55-15 110-15t110 15l-12 37H414Z" fill="#68432d"/><path d="M267 209q89-45 174-27 35 8 71 8t71-8q85-18 174 27 40 20 84-8-14 47-60 60-24 7-50-2-99-33-219-17-120-16-219 17-26 9-50 2-46-13-60-60 44 28 84 8Z" fill="#a96d3c" stroke="#202d30" stroke-width="16" stroke-linejoin="round"/><path d="M195 219q39 19 70 5 101-44 211-15 18 5 36 5t36-5q110-29 211 15 31 14 70-5-19 29-53 30-15 0-35-7-106-37-229-16-123-21-229 16-20 7-35 7-34-1-53-30Z" fill="#c58a4e"/></svg>

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

import CowboyHatSvg from "./cowboy-hat.jsx"; // from the React tab above

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