Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, winter, fashion, warm, cap, winter hat, wool hat, accessory, beanie, and knit. 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="213.544"
x2="-72.02"
y1="622.988"
y2="102.071"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00ffa9" />
<stop offset=".154" stop-color="#02eab3" />
<stop offset=".473" stop-color="#06b3ce" />
<stop offset=".926" stop-color="#0c5cf8" />
<stop offset="1" stop-color="#0d4dff" />
</linearGradient>
<linearGradient
id="b"
x1="401.667"
x2="116.104"
y1="519.86"
y2="-1.057"
href="#a"
/>
<linearGradient
id="c"
x1="484.829"
x2="199.266"
y1="474.271"
y2="-46.646"
href="#a"
/>
<linearGradient
id="d"
x1="292.274"
x2="6.711"
y1="579.828"
y2="58.911"
href="#a"
/>
<linearGradient
id="e"
x1="365.141"
x2="79.578"
y1="539.883"
y2="18.966"
href="#a"
/>
<linearGradient
id="f"
x1="408.164"
x2="122.601"
y1="516.298"
y2="-4.619"
href="#a"
/>
<linearGradient
id="g"
x1="242.08"
x2="-43.484"
y1="607.345"
y2="86.428"
href="#a"
/>
<linearGradient
id="h"
x1="430.203"
x2="144.639"
y1="504.217"
y2="-16.7"
href="#a"
/>
<linearGradient
id="i"
x1="437.486"
x2="151.923"
y1="500.224"
y2="-20.693"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M133.671 444.574a32.713 32.713 0 1 0 32.713 32.713 32.75 32.75 0 0 0-32.713-32.713zm0 53.426a20.713 20.713 0 1 1 20.713-20.713A20.737 20.737 0 0 1 133.671 498z"
/>
<path
fill="url(#b)"
d="M378.329 444.574a32.713 32.713 0 1 0 32.713 32.713 32.75 32.75 0 0 0-32.713-32.713zm0 53.426a20.713 20.713 0 1 1 20.713-20.713A20.737 20.737 0 0 1 378.33 498z"
/>
<path
fill="url(#c)"
d="M205.14 73.055a6 6 0 0 0 5.046.457 135.92 135.92 0 0 1 91.637 0 6 6 0 0 0 7.942-4.615 54.56 54.56 0 1 0-107.522 0 6 6 0 0 0 2.897 4.158zm50.864-56.058a42.609 42.609 0 0 1 42.56 42.56v.245a148.142 148.142 0 0 0-85.12 0v-.245a42.609 42.609 0 0 1 42.56-42.56z"
/>
<path
fill="url(#d)"
d="M114.754 267.127a6 6 0 0 0 6-6v-10.25a6 6 0 0 0-12 0v10.25a6 6 0 0 0 6 6z"
/>
<path
fill="url(#e)"
d="M398.921 306.98H113.08a27.78 27.78 0 0 0-27.749 27.748v12.124a27.78 27.78 0 0 0 27.749 27.749h285.842a27.78 27.78 0 0 0 27.75-27.749v-12.124a27.78 27.78 0 0 0-27.75-27.749zm15.75 39.872a15.767 15.767 0 0 1-15.75 15.749H113.08a15.767 15.767 0 0 1-15.749-15.749v-12.124a15.767 15.767 0 0 1 15.749-15.749h285.842a15.767 15.767 0 0 1 15.75 15.75z"
/>
<path
fill="url(#f)"
d="M256.004 53.557c-81.194 0-147.25 66.056-147.25 147.25v28.56a6 6 0 0 0 12 0v-28.56c0-74.577 60.673-135.25 135.25-135.25a135.246 135.246 0 0 1 135.25 135.25v106.17h-270.5v-24.34a6 6 0 0 0-12 0v30.34a6 6 0 0 0 6 6h282.5a6 6 0 0 0 6-6v-112.17a147.247 147.247 0 0 0-147.25-147.25z"
/>
<path
fill="url(#g)"
d="M133.671 362.605a6 6 0 0 0-6 6v81.969a6 6 0 0 0 12 0v-81.97a6 6 0 0 0-6-6z"
/>
<path
fill="url(#h)"
d="M378.329 362.605a6 6 0 0 0-6 6v81.969a6 6 0 0 0 12 0v-81.97a6 6 0 0 0-6-6z"
/>
<path
fill="url(#i)"
d="M360.127 96.684a147.273 147.273 0 0 0-249.34 79.621 6 6 0 0 0 4.32 6.775 81.549 81.549 0 0 0 21.887 2.667c19.813 0 29.889-5.076 39.672-10.003 10.195-5.141 19.822-9.997 39.658-9.997 19.827 0 29.461 4.854 39.708 10.018 9.745 4.907 19.82 9.982 39.632 9.982 19.824 0 29.905-5.083 39.67-10.007 10.2-5.14 19.834-9.993 39.66-9.993a91.085 91.085 0 0 1 15.571 1.223 6 6 0 0 0 6.778-7.599 147.565 147.565 0 0 0-37.216-62.687zm14.868 57.063c-22.68 0-34.57 5.99-45.078 11.286-9.274 4.676-17.284 8.714-34.252 8.714-16.96 0-24.965-4.032-34.28-8.723-10.49-5.286-22.38-11.277-45.06-11.277-22.69 0-34.576 5.994-45.095 11.3-9.27 4.668-17.274 8.7-34.235 8.7a78.239 78.239 0 0 1-13.32-1.039 135.309 135.309 0 0 1 259.262-18.704 117.958 117.958 0 0 0-7.942-.257z"
/>
</g>
</svg>
More icons in the same style and category