Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, fashion, clothes, beach, and women hat. 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="64"
height="64"
viewBox="0 0 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#00a5e9" />
<stop offset="1" stop-color="#15ffce" />
</linearGradient>
<linearGradient
id="b"
x1="52.204"
x2="52.204"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="16.279"
x2="16.279"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="19.233"
x2="19.233"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="49.162"
x2="49.162"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="37.826"
x2="37.826"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="13.465"
x2="13.465"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="36.794"
x2="36.794"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="32.369"
x2="32.369"
y1="58"
y2="6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M52.199 34.056c.27 0 .52-.1.71-.289.189-.181.3-.44.3-.711 0-.26-.11-.52-.3-.699-.37-.381-1.04-.381-1.42 0a.996.996 0 0 0-.29.699c0 .271.11.53.3.711a.967.967 0 0 0 .7.289z"
/>
<path
fill="url(#c)"
d="M16.279 37.285c.26 0 .52-.099.7-.29.189-.189.3-.449.3-.71s-.111-.519-.3-.699c-.371-.38-1.052-.37-1.41-.011-.19.189-.29.449-.29.71s.1.521.29.71c.189.19.439.29.71.29z"
/>
<path
fill="url(#d)"
d="M16.981 31.522a1 1 0 0 0 1.328-.483l3.658-7.845a.999.999 0 1 0-1.811-.846l-3.658 7.844a1.001 1.001 0 0 0 .483 1.33z"
/>
<path
fill="url(#e)"
d="M46.91 45.478a1.001 1.001 0 0 0 1.329-.482l3.658-7.846a1.001 1.001 0 0 0-1.812-.847l-3.658 7.847a.998.998 0 0 0 .483 1.328z"
/>
<path
fill="url(#f)"
d="m49.616 40.629-.18-.128a.998.998 0 0 0-1.396.23 1 1 0 0 0 .229 1.395l.181.13c.385.275.771.552 1.149.835 1.401 1.051 3.008 2.329 4.293 3.844.317.375 1.158 1.368 1.096 2.047a.46.46 0 0 1-.188.357c-.569.454-2.034.527-4.349.216l-.167-.021c-3.416-.446-7.06-1.449-11.812-3.251-6.615-2.507-12.773-5.441-18.306-8.722a1 1 0 1 0-1.018 1.722c5.631 3.339 11.893 6.323 18.615 8.87 4.903 1.858 8.686 2.896 12.26 3.363l.162.021c.864.116 1.766.209 2.621.209 1.268 0 2.437-.204 3.24-.845.546-.434.87-1.035.936-1.736.123-1.335-.721-2.531-1.563-3.523-1.413-1.668-3.128-3.033-4.618-4.15-.39-.295-.788-.579-1.185-.863z"
/>
<path
fill="url(#g)"
d="M12.401 34.739a1.004 1.004 0 0 0 1.406-.156 1 1 0 0 0-.158-1.406c-1.149-.917-2.357-1.91-3.362-3.056-1.04-1.187-1.337-2.007-1.275-2.351.009-.053.033-.179.314-.328.963-.517 2.584-.352 3.454-.264 2.06.208 4.051.674 5.895 1.148a1.005 1.005 0 0 0 1.219-.721 1.002 1.002 0 0 0-.721-1.217c-1.92-.494-4-.979-6.191-1.201-1.498-.153-3.211-.252-4.599.488-.937.501-1.245 1.221-1.338 1.735-.204 1.122.381 2.476 1.738 4.024 1.113 1.274 2.398 2.331 3.618 3.305z"
/>
<path
fill="url(#h)"
d="M20.64 23.677a1.001 1.001 0 0 0 1.329-.482c3.073-6.592 10.714-10.254 17.779-8.51 6.657 1.643 11.5 7.579 11.778 14.438a1 1 0 0 0 .998.96l.041-.001a.998.998 0 0 0 .959-1.039C53.211 21.3 47.743 14.6 40.227 12.745c-7.976-1.97-16.6 2.164-20.07 9.604a.999.999 0 0 0 .483 1.328z"
/>
<path
fill="url(#i)"
d="M39.245 43.83c2.575.846 5.32 1.677 8.064 1.742h.023a1 1 0 0 0 .023-1.999c-2.474-.06-4.953-.812-7.488-1.644-3.673-1.204-7.498-2.866-12.039-5.224-3.545-1.841-7.17-3.934-9.676-6.754a1.001 1.001 0 0 0-1.496 1.328c2.723 3.063 6.535 5.271 10.25 7.201 4.641 2.412 8.561 4.11 12.339 5.35z"
/>
</svg>
More icons in the same style and category