Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, summer, fashion, protection, beach, sun, expedition, explorer, accesory, and sunhat. Created in a clean lineal color style with a white, gray, teal, purple, and orange finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="640"
height="640"
viewBox="0 0 480 480"
>
<path fill="#874341" d="M216 416h16v64h-16zM248 416h16v64h-16zm0 0" />
<path
fill="#d3843d"
d="M200 8h80c70.691 0 128 57.309 128 128H72C72 65.309 129.309 8 200 8zm0 0"
/>
<path
fill="#995f5b"
d="M350.398 88.64c-36.796 0-36.796 14.72-73.597 14.72S240 88.64 203.199 88.64s-36.8 14.72-73.597 14.72c-26.336 0-33.868-7.528-49.48-11.81A127.324 127.324 0 0 0 72 136h336a127.756 127.756 0 0 0-4.902-34.742c-17.938-4.059-24.625-12.617-52.7-12.617zM232.008 39.836l.656-31.984 16 .324-.656 31.988zM264.012 39.832l.652-31.984 16 .328-.656 31.984zM200.008 39.836l.656-31.984 16 .328-.656 31.984zm0 0"
/>
<path
fill="#874341"
d="M224 416h-64c-22.082-.027-39.973-17.918-40-40V216h16v160c0 13.254 10.746 24 24 24h64zM320 416h-64v-16h64c13.254 0 24-10.746 24-24V216h16v160c-.027 22.082-17.918 39.973-40 40zm0 0"
/>
<path
fill="#b11e48"
d="M392 128H88c-48.578.059-87.941 39.422-88 88a8 8 0 0 0 8 8h464a8 8 0 0 0 8-8c-.059-48.578-39.422-87.941-88-88zm0 0"
/>
<path fill="#394d5c" d="M216 392h48v32h-48zm0 0" />
<g fill="#fff">
<path
d="M16 176h96v16H16zM160 176h96v16h-96zM304 176h96v16h-96zM128 176h16v16h-16zM272 176h16v16h-16zM416 176h16v16h-16zm0 0"
/>
</g>
<path
d="M415.832 131.367c-.078-2.36-.215-4.726-.426-7.094a125.735 125.735 0 0 0-.496-4.687c-.262-2.082-.598-4.152-.957-6.234-.687-4.094-1.601-8.114-2.617-12.079-.191-.722-.582-2.273-.602-2.32C394.133 40.48 340.781.102 280 0h-80C143.238.098 92.496 35.414 72.687 88.61c0 .054-.261.726-.367 1.007-1.199 3.293-2.297 6.63-3.199 10.04-.219.8-.402 1.55-.601 2.327-.801 3.047-1.528 6.114-2.114 9.239-.308 1.672-.511 3.363-.797 5.043-.343 2.328-.738 4.644-.953 7.015-.265 2.688-.344 5.383-.441 8.078C26.289 142.035.066 176.598 0 216a8 8 0 0 0 8 8h112v152c.027 22.082 17.918 39.973 40 40h48v8a8 8 0 0 0 8 8v48h16v-48h16v48h16v-48a8 8 0 0 0 8-8v-8h48c22.082-.027 39.973-17.918 40-40V224h112a8 8 0 0 0 8-8c-.066-39.383-26.266-73.934-64.168-84.633zM80.282 128c.3-4.422.859-8.82 1.663-13.176 0-.113.047-.222.07-.344.805-4.32 1.844-8.593 3.114-12.8v-.047c1.535.574 3.055 1.191 4.605 1.808a94.038 94.038 0 0 0 39.825 7.926 93.722 93.722 0 0 0 39.77-7.926 77.905 77.905 0 0 1 33.87-6.8 77.862 77.862 0 0 1 33.824 6.793 93.64 93.64 0 0 0 39.754 7.925 93.774 93.774 0 0 0 39.782-7.925 77.942 77.942 0 0 1 33.84-6.793 78.361 78.361 0 0 1 33.898 6.785c3.8 1.511 7.695 3.07 12.277 4.406A120.597 120.597 0 0 1 399.777 128zm88.124-107.68L168 39.832l16 .336.48-23.04A119.274 119.274 0 0 1 200 16h.496L200 39.832l16 .336.504-24.168h16L232 39.832l16 .336.504-24.168h16L264 39.832l16 .336.504-24.168c5.355.055 10.7.469 16 1.238L296 39.832l16 .336.406-19.64a120.38 120.38 0 0 1 77.649 68 93.9 93.9 0 0 0-39.68-7.872 93.718 93.718 0 0 0-39.781 7.93 78.046 78.046 0 0 1-33.852 6.789 77.83 77.83 0 0 1-33.804-6.79 93.706 93.706 0 0 0-39.739-7.944 93.752 93.752 0 0 0-39.765 7.925 77.873 77.873 0 0 1-33.825 6.793 78.311 78.311 0 0 1-33.898-6.793 260.608 260.608 0 0 0-4.95-1.91 120.404 120.404 0 0 1 77.645-66.336zM256 416h-32v-16h32zm88-40c0 13.254-10.746 24-24 24h-48v-8a8 8 0 0 0-8-8h-48a8 8 0 0 0-8 8v8h-48c-13.254 0-24-10.746-24-24V224h208zM16.441 208a70.823 70.823 0 0 1 3.75-16H112v-16H28.223A71.942 71.942 0 0 1 88 144h304c36.652.043 67.441 27.578 71.559 64zm0 0"
/>
<path
d="M160 176h96v16h-96zM304 176h96v16h-96zM128 176h16v16h-16zM272 176h16v16h-16zM416 176h16v16h-16zm0 0"
/>
</svg>
More icons in the same style and category