Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, fashion, clothing, clothes, masculine, elegant, accessory, social media, and fedora 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="b"
x1="74.981"
x2="437.019"
y1="74.981"
y2="437.019"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9dd7f5" />
<stop offset=".997" stop-color="#7fa7fc" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#f2f7ff" />
<stop offset=".997" stop-color="#e0e6f3" />
</linearGradient>
<linearGradient
id="c"
x1="51.234"
x2="460.766"
y1="312.368"
y2="312.368"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="148.018"
x2="363.982"
y1="258.198"
y2="258.198"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6e7b84" />
<stop offset=".997" stop-color="#4e5a61" />
</linearGradient>
<linearGradient
id="e"
x1="148.018"
x2="363.982"
y1="183.38"
y2="183.38"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<circle cx="256" cy="256" r="256" fill="url(#b)" />
<path
fill="url(#c)"
d="M349.328 256.414c-26.076 13.918-59.142 21.804-93.328 21.812-31.707.008-64.381-6.775-93.329-21.812-51.184-11.622-111.438-37.562-111.438-.392C51.234 293.535 148.65 388 256 388c106.958 0 204.766-94.145 204.766-131.978 0-36.674-57.006-11.966-111.438.392z"
/>
<path
fill="url(#d)"
d="M363.982 213.621v61.91c-3.648 1.359-46.312 27.243-107.982 27.243-61.878 0-104.095-25.796-107.982-27.243v-61.91z"
/>
<path
fill="url(#e)"
d="M363.982 174.867v38.754C330.588 233.05 293.29 242.76 256 242.76s-74.588-9.71-107.982-29.139v-38.794c0-37.762 39.937-62.23 73.556-45.424L256 146.624l34.426-17.221c33.723-16.854 73.556 7.774 73.556 45.464z"
/>
</svg>
More icons in the same style and category