Add icons to this collection by clicking the heart icon.
Sun Hat icon - also known as hat, summer, fashion, protection, beach, holidays, sun, accesory, sunhat, and sun hat. Created in a clean lineal color style with a white, red, orange, and pink 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 -120 512 512"
>
<path
fill="#f7bf7e"
d="M389.52 161.48c69.14 9.95 114.98 27.387 114.98 47.239 0 30.93-111.262 56-248.5 56s-248.5-25.07-248.5-56c0-19.852 45.84-37.29 114.98-47.239v22.079c0 11.379 59.782 20.601 133.52 20.601s133.52-9.222 133.52-20.601zm0 0"
/>
<path
fill="#fff"
d="m356.086 197.195 110.39 41.301c7.626-2.73 14.231-5.621 19.704-8.644l-104.778-39.204c-5.77 2.43-14.425 4.645-25.316 6.547zm0 0"
/>
<path
fill="#f7a84d"
d="M122.48 183.559V161.48C53.34 171.43 7.5 188.867 7.5 208.72c0 10.761 13.484 20.816 36.836 29.347l102.602-42.62c-15.407-3.356-24.458-7.458-24.458-11.887zm0 0"
/>
<path
fill="#ff5757"
d="M389.52 161.48v22.079c0 11.379-59.782 20.601-133.52 20.601s-133.52-9.222-133.52-20.601v-35.84c29.211 6.511 77.961 10.781 133.18 10.781 55.649 0 104.738-4.34 133.86-10.93zm0 0"
/>
<path
fill="#f7bf7e"
d="M389.52 141.02v6.55c-29.122 6.59-78.211 10.93-133.86 10.93-55.219 0-103.969-4.27-133.18-10.781v-6.7C122.48 67.278 182.262 7.5 256 7.5s133.52 59.777 133.52 133.52zm0 0"
/>
<g fill="#fff">
<path
d="m244.145 1.066-1.836 14.887c34.96 4.317 65.14 22.828 85.07 49.313l11.953-9.055c-22.309-29.617-56.074-50.316-95.187-55.145zM347.613 68.488l-12.75 7.899a126.818 126.818 0 0 1 6.285 11.89l13.586-6.347a140.974 140.974 0 0 0-7.12-13.442zM360.191 95.563l-14.156 4.949a125.702 125.702 0 0 1 6.688 40.508v6.55h15v-6.55c0-15.844-2.649-31.145-7.532-45.458zm0 0"
/>
</g>
<path
d="M475.734 174.434c-19.296-7.762-46.414-14.442-78.71-19.414v-13.997C397.023 63.262 333.761 0 256 0c-77.758 0-141.02 63.262-141.02 141.023v13.997c-32.3 4.972-59.418 11.652-78.714 19.414C12.199 184.109 0 195.648 0 208.727c0 19.37 26.457 35.156 78.637 46.914 47.46 10.695 110.449 16.586 177.363 16.586s129.902-5.891 177.363-16.586C485.543 243.879 512 228.098 512 208.727c0-13.079-12.2-24.618-36.266-34.293zm-345.757-17.54c31.097 5.743 77.02 9.106 125.683 9.106 49.094 0 95.258-3.41 126.363-9.234v25.148c-2.18 1.473-10.765 5.887-38.984 9.707-24.023 3.254-54.934 5.043-87.039 5.043s-63.02-1.789-87.04-5.043c-28.222-3.82-36.804-8.234-38.983-9.707zM256 15c69.488 0 126.023 56.531 126.023 126.02v.472C351.926 147.472 305.437 151 255.66 151c-49.328 0-95.562-3.477-125.683-9.375v-.605C129.977 71.53 186.512 15 256 15zm174.066 226.008C383.656 251.465 321.84 257.227 256 257.227s-127.656-5.762-174.066-16.22C29.098 229.098 15 215.114 15 208.728c0-8.086 21.172-26.172 99.977-38.528v13.367c0 10.63 13.171 16.996 45.464 21.98 25.586 3.946 59.524 6.122 95.559 6.122s69.973-2.176 95.559-6.121c32.293-4.984 45.464-11.352 45.464-21.98v-13.368C475.828 182.555 497 200.641 497 208.727c0 6.386-14.098 20.37-66.934 32.28zm0 0"
/>
<path
fill="#cf4646"
d="M248.504 189.3a1122.09 1122.09 0 0 1-15.016-.206l.317-15c4.886.105 9.867.172 14.797.207zm15.012-.003-.11-15c4.953-.04 9.934-.11 14.793-.215l.328 14.996c-4.933.106-9.984.18-15.011.219zm-45.04-.633a928.98 928.98 0 0 1-15.011-.66l.781-14.98c4.824.25 9.793.468 14.774.652zm75.063-.023-.55-14.993c4.956-.18 9.925-.406 14.769-.66l.793 14.98c-4.922.259-9.973.485-15.012.673zm-105.086-1.551c-5.11-.36-10.16-.766-15.012-1.203l1.352-14.938c4.75.43 9.7.824 14.71 1.176zm135.11-.05-1.06-14.962c5.005-.355 9.95-.758 14.704-1.191l1.367 14.937c-4.855.446-9.906.852-15.012 1.215zm-165.13-2.688a494.177 494.177 0 0 1-15.011-1.95l2.172-14.843c4.578.671 9.472 1.308 14.55 1.89zm195.149-.079-1.73-14.902c5.07-.59 9.964-1.23 14.543-1.91l2.199 14.84c-4.735.699-9.785 1.363-15.012 1.972zm0 0"
/>
<path
fill="#f7a84d"
d="M248.504 139.168c-5.004-.035-10.055-.102-15.016-.207l.317-14.996c4.886.101 9.867.172 14.797.203zm15.012-.004-.11-15c4.953-.035 9.934-.11 14.793-.215l.328 14.996c-4.933.11-9.984.184-15.011.22zm-45.04-.633c-5.058-.18-10.109-.402-15.011-.66l.781-14.98c4.824.254 9.793.472 14.774.652zm75.063-.023-.55-14.988c4.956-.184 9.925-.407 14.769-.665l.793 14.98c-4.922.263-9.973.485-15.012.673zm-105.086-1.551c-5.11-.36-10.16-.762-15.012-1.2l1.352-14.94c4.75.43 9.7.824 14.71 1.175zm135.11-.05-1.06-14.962c5.005-.355 9.95-.754 14.704-1.191l1.367 14.937c-4.855.446-9.906.856-15.012 1.215zm-165.13-2.684a487.961 487.961 0 0 1-15.011-1.953l2.172-14.84a484.21 484.21 0 0 0 14.55 1.89zm0 0"
/>
</svg>
More icons in the same style and category