Add icons to this collection by clicking the heart icon.
Sun Hat icon - also known as hat, summer, fashion, protection, beach, sun, commerce and shopping, accesory, sunhat, and sun hat. Created in a clean flat style with a white, red, yellow, 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 512"
>
<path
fill="#fff459"
d="m313.13 152.17-20 14.969 20 14.969v45.075c0 8.263-6.71 14.969-15 14.969H129.64c-8.29 0-15-6.706-15-14.969v-45.075l20-14.969-20-14.969v-29.638c0-54.605 44.52-99.032 99.24-99.032 54.73 0 99.25 44.427 99.25 99.032z"
/>
<path
fill="#ffd844"
d="m313.13 152.17-20 14.969 20 14.969v45.075c0 8.263-6.71 14.969-15 14.969h-84.25V23.5c54.73 0 99.25 44.427 99.25 99.032z"
/>
<path
fill="#ffbe00"
d="M427.77 227.183c0 18.541-4.76 36.583-14.16 53.637a14.977 14.977 0 0 1-4.35 4.91l-103.62 74.903a15.034 15.034 0 0 1-4.39 2.175c-27.51 8.452-56.9 12.733-87.37 12.733-56.12 0-109.03-14.729-148.99-41.483C23.05 306.037 0 268.077 0 227.183c0-8.273 6.72-14.969 15-14.969h397.77c8.28 0 15 6.696 15 14.969z"
/>
<path
fill="#ff961b"
d="M427.77 227.183c0 18.541-4.76 36.583-14.16 53.637a14.977 14.977 0 0 1-4.35 4.91l-103.62 74.903a15.034 15.034 0 0 1-4.39 2.175c-27.51 8.452-56.9 12.733-87.37 12.733V212.214h198.89c8.28 0 15 6.696 15 14.969z"
/>
<path fill="#ffbe00" d="M114.64 152.17h198.49v29.937H114.64z" />
<path
fill="#ff8659"
d="M512 372.483c0 63.976-52.39 116.017-116.78 116.017-64.4 0-116.78-52.041-116.78-116.017 0-63.966 52.38-116.017 116.78-116.017 64.39.001 116.78 52.052 116.78 116.017z"
/>
<path
fill="#ff415b"
d="M512 372.483c0 63.976-52.39 116.017-116.78 116.017V256.467c64.39 0 116.78 52.051 116.78 116.016z"
/>
<path
fill="#fff"
d="m433.88 355.719-38.66 38.33-16.45 16.316a15.006 15.006 0 0 1-10.57 4.351c-3.86 0-7.71-1.477-10.64-4.421-5.84-5.868-5.81-15.348.07-21.166l37.59-37.272 17.52-17.374c5.87-5.828 15.37-5.798 21.21.07 5.84 5.858 5.81 15.338-.07 21.166zM367.04 354.769c8.284 0 15-6.702 15-14.969v-14.565c0-8.267-6.716-14.969-15-14.969s-15 6.702-15 14.969V339.8c0 8.267 6.716 14.969 15 14.969z"
/>
<path
fill="#f4f4fb"
d="M423.398 390.2c-8.284 0-15 6.702-15 14.969v14.566c0 8.267 6.716 14.969 15 14.969s15-6.702 15-14.969v-14.566c0-8.267-6.716-14.969-15-14.969zM433.88 355.719l-38.66 38.33v-42.191l17.52-17.374c5.87-5.828 15.37-5.798 21.21.07 5.84 5.857 5.81 15.337-.07 21.165z"
/>
<path fill="#ff961b" d="M213.88 152.17h99.25v29.937h-99.25z" />
</svg>
More icons in the same style and category