Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, relax, spa, wellness, and sauna. Created in a clean gradient style with a teal finish, 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="74.981"
x2="437.019"
y1="439.019"
y2="76.981"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff0ae" />
<stop offset="1" stop-color="#ffd829" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<path
d="m268.495 127.633-10.205-5.948c3.335-5.721 5.406-16.154 5.406-27.225 0-18.577-5.434-28.889-7.696-30.021-2.261 1.132-7.695 11.446-7.695 30.021 0 10.839 2.01 21.164 5.244 26.943l-10.307 5.769c-4.289-7.663-6.749-19.586-6.749-32.712 0-20.169 6.104-41.877 19.507-41.877 13.403 0 19.507 21.708 19.507 41.877 0 13.238-2.622 25.639-7.012 33.173z"
fill="#00b369"
/>
<linearGradient
id="b"
x1="100.083"
x2="411.916"
y1="253.667"
y2="253.667"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00cb8e" />
<stop offset="1" stop-color="#00864c" />
</linearGradient>
<path
d="M363.023 272.322C363.023 148.833 256 118.333 256 118.333s-107.023 30.5-107.023 153.989c0 93-48.894 122.011-48.894 122.011 12.992 0 12.992 8 25.984 8s12.992-8 25.984-8 12.992 8 25.985 8c12.99 0 12.99-8 25.98-8 12.992 0 12.992 8 25.983 8 12.992 0 12.992-8 25.984-8 12.993 0 12.993 8 25.987 8s12.994-8 25.987-8 12.993 8 25.987 8 12.994-8 25.988-8c12.996 0 12.996 8 25.992 8s12.996-8 25.992-8c.001 0-48.893-29.011-48.893-122.011z"
fill="url(#b)"
/>
</svg>
More icons in the same style and category