Add icons to this collection by clicking the heart icon.
Sun Hat icon - also known as hat, summer, fashion, protection, beach, sun, expedition, explorer, accesory, sunhat, and sun hat. Created in a clean flat style with a gray, red, yellow, olive, and orange 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="512"
height="512"
viewBox="0 0 512.152 512.152"
>
<path
fill="#465a61"
d="M286.115 451.076c-8.291 0-15-6.709-15-15s6.709-15 15-15c66.855 0 122.93-47.842 133.345-113.76 1.289-8.174 8.936-13.755 17.153-12.466 8.174 1.289 13.77 8.965 12.466 17.153-12.715 80.582-81.255 139.073-162.964 139.073z"
/>
<path
fill="#596c76"
d="M226.115 451.076c-81.694 0-150.234-58.477-162.964-139.043-1.304-8.188 4.292-15.864 12.466-17.153 8.174-1.348 15.879 4.292 17.153 12.466 10.43 65.903 66.504 113.73 133.345 113.73 8.291 0 15 6.709 15 15s-6.709 15-15 15z"
/>
<path
fill="#b9dd39"
d="M391.115 109.676v50.099l-135.489 39.562-134.511-39.562v-50.099c0-43.2 35.4-78.6 78.6-78.6 12.9 0 24.6 2.701 35.4 8.101 13.801 7.2 28.5 7.2 42.001.3 11.1-5.7 22.8-8.401 35.4-8.401 43.199 0 78.599 35.4 78.599 78.6z"
/>
<path
fill="#90cc1c"
d="m256.115 199.194 135-39.419v-50.099c0-43.2-35.4-78.6-78.6-78.6-12.599 0-24.3 2.701-35.4 8.401-6.786 3.468-13.874 5.178-21 5.121z"
/>
<path
fill="#90cc1c"
d="M512.115 287.876c-.601 4.499-3.3 8.399-7.2 10.8-35.999 22.5-87.7 38.401-121.601 16.199-22.2-15.298-51-15.298-73.2 0-16.2 10.501-34.8 15.901-53.399 15.901-18.301 0-36.901-5.4-53.401-15.901-22.2-15.298-51-15.298-73.2 0-40.199 26.7-99.399-2.098-122.5-15.899-4.2-2.401-6.899-6.301-7.5-11.1-.601-4.501 1.199-9 4.501-12.301l116.499-115.8h270l116.499 115.8c3.3 3.001 4.802 7.8 4.502 12.301z"
/>
<path
fill="#6b0"
d="M256.115 330.732c.2.002.401.044.601.044 18.6 0 37.2-5.4 53.399-15.901 22.2-15.298 51-15.298 73.2 0 33.9 22.202 85.602 6.301 121.601-16.199 3.9-2.401 6.599-6.301 7.2-10.8.3-4.501-1.201-9.3-4.501-12.301l-116.499-115.8h-135v170.957h-.001z"
/>
<path
fill="#ff6c6c"
d="M256.115 481.076c-24.814 0-45-20.186-45-45s20.186-45 45-45 45 20.186 45 45-20.186 45-45 45z"
/>
<path
fill="#ff415b"
d="M301.115 436.076c0-24.814-20.186-45-45-45v90c24.814 0 45-20.186 45-45z"
/>
</svg>
More icons in the same style and category