Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, summer, fashion, summertime, accessory, and sun protection. Created in a clean flat 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="285.308"
x2="285.308"
y1="496.991"
y2="310.539"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#41262f" />
<stop offset="1" stop-color="#543843" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#20c59d" />
<stop offset=".31" stop-color="#38ce8c" />
<stop offset=".963" stop-color="#75e461" />
<stop offset="1" stop-color="#79e55e" />
</linearGradient>
<linearGradient
id="c"
x1="334.817"
x2="334.817"
y1="354.313"
y2="15.009"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="294.306"
x2="294.306"
y1="354.313"
y2="96.031"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f79808" />
<stop offset="1" stop-color="#ecbd0b" />
</linearGradient>
<linearGradient
id="e"
x1="213.356"
x2="213.356"
y1="490.297"
y2="103.08"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M419.177 490.317s-121.209 59.997-267.738-179.779c130.204 25.411 229.731 76.674 267.738 179.779z"
/>
<path
fill="url(#c)"
d="m460.206 272.903-81.41 81.41-213.619-213.669 81.385-81.385c59.001-59.001 154.643-59.001 213.644 0 58.999 59 59.002 154.642 0 213.644z"
/>
<path
fill="url(#d)"
d="m209.79 96.031-44.613 44.612 213.619 213.67 44.638-44.638z"
/>
<path
fill="url(#e)"
d="M165.177 140.644c-41.877-6.281-83.998-16.951-122.155-35.365-11.878-5.732-26.392.183-30.713 12.643-31.849 91.865 105.116 180.471 139.151 192.641 51.238 18.32 106.545 26.336 154.19 52.621 51.279 28.29 97.262 70.85 113.518 127.113-14.44-45.187-25.934-90.799-40.374-135.986"
/>
</svg>
More icons in the same style and category