Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, summer, fashion, and woman. 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 64 64"
>
<linearGradient
id="a"
x2="65.62"
y1="31.5"
y2="31.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fec183" />
<stop offset=".173" stop-color="#fea981" />
<stop offset=".538" stop-color="#fe6b7b" />
<stop offset="1" stop-color="#ff1572" />
</linearGradient>
<linearGradient id="b" x2="65.62" y1="41.764" y2="41.764" href="#a" />
<linearGradient id="c" x2="65.62" y1="42" y2="42" href="#a" />
<linearGradient id="d" x2="65.62" y1="23" y2="23" href="#a" />
<g>
<path
fill="url(#a)"
d="M16 26v6H3a1 1 0 0 0-.97 1.242c.087.35 2.226 8.585 9.7 10.72a11.479 11.479 0 0 1 5.567 3.724C19.329 49.807 21.435 52 27 52a12.929 12.929 0 0 0 7.961-2.234C37.093 48.469 39.51 47 47 47c13.929 0 14.989-13.8 15-13.935A1 1 0 0 0 61 32h-5.111A6.973 6.973 0 0 0 58 27a1 1 0 0 0-1-1h-4a6.973 6.973 0 0 0-5 2.111V26a1.006 1.006 0 0 0-.168-.555l-1.678-2.517 1.746-3.481A1 1 0 0 0 48 19v-4a1 1 0 0 0-.649-.937C47.018 13.938 39.1 11 32 11s-15.018 2.938-15.351 3.063A1 1 0 0 0 16 15v4a1 1 0 0 0 .105.447l1.741 3.481-1.678 2.517A1.006 1.006 0 0 0 16 26zm2 4h2v2h-2zm28 0v2H30v-2zm-18 2h-6v-2h6zm31.867 2c-.506 2.964-2.8 11-12.867 11-8.05 0-10.721 1.624-13.078 3.057A10.992 10.992 0 0 1 27 50c-4.713 0-6.359-1.715-8.266-3.7a13.474 13.474 0 0 0-6.459-4.262C7.528 40.683 5.246 36.2 4.39 34zM53 28h2.9a5.008 5.008 0 0 1-4.9 4h-2.9a5.008 5.008 0 0 1 4.9-4zM32 13c5.6 0 11.979 2.016 14 2.707V18h-5v2h4.382l-1 2H39v2h5.465L46 26.3V28H18v-1.7l1.535-2.3H26v-2h-6.382l-1-2H30v-2H18v-2.293C20.021 15.016 26.4 13 32 13z"
/>
<path
fill="url(#b)"
d="M32.862 44.584C31.88 45.312 30.952 46 27 46a6.834 6.834 0 0 1-4.293-1.707c-2.048-2.049-4.167-4.167-7.391-5.241-4.224-1.408-5.423-3.5-5.435-3.525l-1.768.934c.058.113 1.5 2.8 6.571 4.487 2.776.926 4.638 2.788 6.609 4.759A8.816 8.816 0 0 0 27 48c4.613 0 5.909-.961 7.053-1.81.163-.121.325-.241.5-.356C37.549 43.848 41.571 43 48 43v-2c-6.851 0-11.2.947-14.552 3.166-.204.134-.395.276-.586.418z"
/>
<path fill="url(#c)" d="M50 41h2v2h-2z" />
<path fill="url(#d)" d="M35 22h2v2h-2z" />
</g>
</svg>
More icons in the same style and category