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 gradient style, 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"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fc4a1a" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<linearGradient
id="b"
x1="-8"
x2="495.744"
y1="240"
y2="240"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-8"
x2="495.744"
y1="184"
y2="184"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
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"
/>
<g fill="url(#c)">
<path
d="M160 176h96v16h-96zM304 176h96v16h-96zM128 176h16v16h-16zM272 176h16v16h-16zM416 176h16v16h-16zm0 0"
/>
</g>
</svg>
More icons in the same style and category