Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, fashion, masculine, and stylish. 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="512pt"
height="512pt"
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="#fff2a3" />
<stop offset="1" stop-color="#c7a772" />
</linearGradient>
<linearGradient
id="c"
x1="176.745"
x2="335.253"
y1="120.915"
y2="279.423"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c7461f" />
<stop offset="1" stop-color="#8b2613" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#eb7330" />
<stop offset="1" stop-color="#c7461f" />
</linearGradient>
<linearGradient
id="d"
x1="256.669"
x2="376.96"
y1="235.132"
y2="355.423"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="171.861"
x2="256"
y1="247.821"
y2="331.96"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff2a3" />
<stop offset="1" stop-color="#fcba66" />
</linearGradient>
<linearGradient
id="f"
x1="116.387"
x2="189.845"
y1="252.539"
y2="325.996"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="148.472"
x2="363.528"
y1="210.31"
y2="425.365"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d42e08" />
<stop offset="1" stop-color="#480306" />
</linearGradient>
<path
fill="url(#b)"
d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
/>
<path
fill="url(#c)"
d="M256 272.059 378.875 235.8l-16.79-74.89C356.07 134.065 332.118 114 303.462 114c-19.305 0-36.469 9.105-47.461 23.238C245.008 123.105 227.832 114 208.54 114c-28.657 0-52.618 20.066-58.626 46.91l-16.789 74.89 86.68 33.919-3.871 14.164 22.84-6.742L256 283.883zm0 0"
/>
<path
fill="url(#d)"
d="m378.875 235.8 21.547 96.16H231.96L256 235.8zm0 0"
/>
<path fill="url(#e)" d="M256 235.8v96.16h-96.16l24.043-96.16zm0 0" />
<path fill="url(#f)" d="M183.883 235.8v96.16h-72.305l21.547-96.16zm0 0" />
<path
fill="url(#g)"
d="M256 307.922H50.86C50.86 334.363 72.495 356 98.94 356H413.06c26.445 0 48.082-21.637 48.082-48.078zm0 0"
/>
</svg>
More icons in the same style and category