Add icons to this collection by clicking the heart icon.
Winter Hat icon - also known as fashion, winter hat, wool hat, winter clothing, accessory, and beanie. Created in a clean flat 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 64 64"
>
<linearGradient
id="c"
x1="32"
x2="32"
y1="29.678"
y2="41.023"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffcb29" />
<stop offset="1" stop-color="#fcb316" />
</linearGradient>
<linearGradient
id="d"
x1="32"
x2="32"
y1="4.683"
y2="12.711"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fecc81" />
<stop offset="1" stop-color="#fcb316" />
</linearGradient>
<linearGradient
id="a"
x1="14.935"
x2="20.999"
y1="58.079"
y2="52.015"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bdddf4" />
<stop offset="1" stop-color="#95c8ec" />
</linearGradient>
<linearGradient
id="e"
x1="49.112"
x2="42.889"
y1="58.126"
y2="51.903"
href="#a"
/>
<linearGradient
id="b"
x1="15.807"
x2="19.061"
y1="45.945"
y2="45.945"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcb64d" />
<stop offset="1" stop-color="#faa629" />
</linearGradient>
<linearGradient
id="f"
x1="49.505"
x2="43.141"
y1="45.945"
y2="45.945"
href="#b"
/>
<linearGradient
id="g"
x1="32"
x2="32"
y1="32.351"
y2="17.277"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd54f" />
<stop offset="1" stop-color="#ffcb29" />
</linearGradient>
<linearGradient
id="h"
x1="32.049"
x2="32.049"
y1="9.896"
y2="27.426"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#81c785" />
<stop offset="1" stop-color="#66bb6a" />
</linearGradient>
<rect
width="38.277"
height="8.851"
x="12.861"
y="31.475"
fill="url(#c)"
rx="2"
/>
<path
fill="url(#d)"
d="M32 10.485a16.623 16.623 0 0 1 2.6.224 3.455 3.455 0 1 0-5.2 0 16.623 16.623 0 0 1 2.6-.224z"
/>
<circle cx="18.014" cy="55" r="4" fill="url(#a)" />
<circle cx="45.986" cy="55" r="4" fill="url(#e)" />
<path
fill="url(#b)"
d="M18.014 51a3.953 3.953 0 0 1 1.986.547v-11.22h-4v11.235A3.967 3.967 0 0 1 18.014 51z"
/>
<path
fill="url(#f)"
d="M45.986 51a3.967 3.967 0 0 1 2.014.562V40.327h-4v11.22A3.953 3.953 0 0 1 45.986 51z"
/>
<path
fill="url(#g)"
d="M44.815 24.557c-3.162 0-3.162-4.55-6.325-4.55s-3.159 4.55-6.319 4.55-3.157-4.55-6.314-4.55-3.159 4.55-6.318 4.55c-1.68 0-2.467-1.286-3.31-2.491a16.51 16.51 0 0 0-.754 4.944v4.465h33.05V27.01a16.488 16.488 0 0 0-.656-4.575c-.756 1.084-1.545 2.122-3.054 2.122z"
/>
<path
fill="url(#h)"
d="M32 10.485a16.531 16.531 0 0 0-15.771 11.581c.843 1.205 1.63 2.491 3.31 2.491 3.159 0 3.159-4.55 6.318-4.55s3.157 4.55 6.314 4.55 3.16-4.55 6.319-4.55 3.163 4.55 6.325 4.55c1.509 0 2.3-1.038 3.054-2.122A16.522 16.522 0 0 0 32 10.485z"
/>
</svg>
More icons in the same style and category