Add icons to this collection by clicking the heart icon.
Sun Hat icon - also known as summer, fashion, summertime, accessory, and sun hat. Created in a clean rounded shapes 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="a">
<stop offset="0" stop-color="#cadfef" />
<stop offset="1" stop-color="#eff4f9" />
</linearGradient>
<linearGradient
id="b"
x1="296.542"
x2="296.542"
y1="459.567"
y2="167.856"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="439.092"
x2="439.092"
y1="168.486"
y2="110.145"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="154.622"
x2="154.622"
y1="110.145"
y2="51.803"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="40.892"
x2="40.892"
y1="460.197"
y2="401.855"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M481.199 342.883h-61.474c16.111 0 29.171-13.06 29.171-29.171 0-16.111-13.06-29.171-29.171-29.171h61.474c16.111 0 29.171-13.06 29.171-29.171s-13.06-29.171-29.171-29.171H304.406c16.111 0 29.171-13.06 29.171-29.171s-13.06-29.171-29.171-29.171H111.884c-16.111 0-29.171 13.06-29.171 29.171s13.06 29.171 29.171 29.171h61.474c-16.111 0-29.171 13.06-29.171 29.171s13.06 29.171 29.171 29.171h-61.474c-16.111 0-29.171 13.06-29.171 29.171 0 16.11 13.06 29.171 29.171 29.171h61.474c-16.111 0-29.171 13.06-29.171 29.171s13.06 29.171 29.171 29.171h-37.982c-16.111 0-29.171 13.06-29.171 29.171s13.06 29.171 29.171 29.171h307.841c16.111 0 29.171-13.06 29.171-29.171s-13.06-29.171-29.171-29.171h37.982c16.111 0 29.171-13.06 29.171-29.171s-13.061-29.171-29.171-29.171z"
/>
<path
fill="url(#c)"
d="M480.575 110.145h-84.221c-16.111 0-29.171 13.06-29.171 29.171 0 16.111 13.06 29.171 29.171 29.171h85.474c17.056 0 30.693-14.637 29.035-32.036-1.446-15.167-15.052-26.306-30.288-26.306z"
/>
<path
fill="url(#d)"
d="M196.105 51.803h-84.221c-16.111 0-29.171 13.06-29.171 29.171 0 16.111 13.06 29.171 29.171 29.171h85.474c17.056 0 30.693-14.637 29.035-32.036-1.446-15.167-15.052-26.306-30.288-26.306z"
/>
<path
fill="url(#e)"
d="M50.36 401.855H30.171C14.06 401.855 1 414.915 1 431.026c0 16.111 13.06 29.171 29.171 29.171h21.442c17.056 0 30.693-14.637 29.035-32.036-1.447-15.167-15.052-26.306-30.288-26.306z"
/>
<path
fill="#ffd764"
d="m211.538 89.585 62.369 62.369L151.13 274.73l-62.369-62.369c-14.845-14.845-14.845-38.913 0-53.758l69.018-69.018c14.846-14.845 38.914-14.845 53.759 0z"
/>
<path
fill="#ff6761"
d="m125.302 248.925 122.757-122.758 25.794 25.793-122.758 122.758z"
/>
<path
d="m88.752 158.602 41.895-41.858-42.574 42.576c.226-.265.453-.491.679-.718zM273.901 151.953l-27.124 27.162-62.371-62.371c-14.847-14.847-38.911-14.847-53.758 0l27.124-27.162c14.847-14.847 38.911-14.847 53.758 0z"
opacity=".18"
/>
<path
fill="#f4f4f4"
d="m432.739 94.237-158.832 57.717L151.13 274.73 93.414 433.562c187.78-30.606 106.121-207.236 339.325-339.325z"
/>
<path
d="M432.757 94.228c-30.26 17.151-55.193 35.02-76.122 53.267l-122.891 44.616 40.158-40.158z"
opacity=".18"
/>
<path
fill="#ffd764"
d="M432.739 94.224c13.561 84.975-60.586 162.205-199.979 233.759 36.477-68.856 67.173-158.561 199.979-233.759z"
/>
<g fill="#2b3c65">
<path
d="M137.761 266.711c1.476 1.476 3.866 1.476 5.342 0s1.476-3.866 0-5.342l-12.433-12.433L248.106 131.5l12.434 12.434c1.476 1.476 3.866 1.476 5.342 0s1.476-3.866 0-5.342l-51.681-51.681c-16.329-16.332-42.758-16.341-59.103.004L142.141 99.91a3.777 3.777 0 1 0 5.349 5.335l12.953-12.992c13.382-13.382 35.033-13.383 48.416 0l33.905 33.905-117.435 117.436-33.906-33.906c-13.346-13.348-13.346-35.068-.004-48.412l12.995-12.958a3.776 3.776 0 0 0 .007-5.342 3.776 3.776 0 0 0-5.342-.007L86.08 155.931c-16.292 16.294-16.292 42.806 0 59.1z"
/>
<path
d="m118.766 123.285-8.954 8.917a3.777 3.777 0 0 0-.011 5.342 3.776 3.776 0 0 0 5.342.011l8.954-8.917a3.777 3.777 0 1 0-5.331-5.353zM431.5 90.677c-.016.006-.033.002-.05.008l-158.833 57.718c-.52.188-.991.489-1.382.88L148.46 272.059a3.757 3.757 0 0 0-.88 1.382L89.862 432.273c-.993 2.733 1.339 5.479 4.158 5.017 82.236-13.402 113.506-53.646 141.562-106.522 148.432-76.41 214.157-153.988 200.885-237.142-.346-2.189-2.674-3.75-4.967-2.949zM99.194 428.717l55.202-151.908 121.59-121.59 123.072-44.723C298.055 177.852 273.67 242.714 229.421 326.213c-.014.026-.014.055-.027.081-26.518 50.065-55.818 88.491-130.2 102.423zm142.449-109.618c54.002-105.967 85.16-159.047 188.12-218.765 8.705 75.721-52.941 147.41-188.12 218.765z"
/>
</g>
</svg>
More icons in the same style and category