Add icons to this collection by clicking the heart icon.
Sun Hat icon - also known as hat, summer, fashion, protection, beach, sun, expedition, explorer, sunhat, and sun hat. Created in a clean lineal color style with a silver, black, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c71.635-55.87 118.872-9.723 217.37-162.679.227-.34.425-.679.651-.991-54.151 12.047-115.16 54.197-154.208 88.155C33.097-48.813 14.281-23.272 0 0"
transform="translate(188.33 192.142)"
fill="#ffcd69"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0a179.282 179.282 0 0 0 10.456-11.424c33.579-40.222 45.707-92.294 36.44-141.106-38.112 19.36-77.755 48.132-114.479 84.868-36.725 36.736-65.515 76.421-84.84 114.547 48.767 9.297 100.85-2.864 141.06-36.482A169.738 169.738 0 0 0 0 .028Z"
transform="translate(416.95 420.978)"
fill="#ffcd69"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c42.392-42.405 89.033-75.031 134.938-96.604a160.496 160.496 0 0 0-10.342-16.412 171.905 171.905 0 0 0-18.277-21.543l-19.213-19.218c-10.569-10.573-27.854-10.573-38.423 0L-153.67 48.67c-10.569 10.545-10.569 27.864 0 38.409l19.128 19.304a173.686 173.686 0 0 0 21.507 18.283 172.952 172.952 0 0 0 16.407 10.375C-75.035 89.12-42.392 42.435 0 0"
transform="translate(310.63 314.54)"
fill="#ffcd69"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c55.2-79.879 77.926-147.598 52.225-173.308-14.821-14.824-59.026-32.342-81.1.256l-.651.991C-128.024-19.104-175.262-65.252-246.896-9.382c-9.664 7.54-19.78 16.95-30.519 28.941-21.395 23.868-42.25 46.374-59.564 69.25-69.792 92.209-102.579 172.372-73.845 201.115 25.701 25.709 93.369 2.975 173.193-52.242a173.682 173.682 0 0 1-21.507-18.284l-19.128-19.303c-10.569-10.545-10.569-27.865 0-38.409L-75.913-40.762c10.569-10.572 27.854-10.572 38.424 0l19.213 19.219A171.91 171.91 0 0 1 0 0"
transform="translate(435.226 201.523)"
fill="#ffe6b4"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0a513.233 513.233 0 0 1 46.869-47.025c29.668-26.164 60.555-47.225 90.507-62.475l.34-.171a170.093 170.093 0 0 0-18.278-50.513C73.533-138.611 26.892-105.985-15.5-63.58c-42.392 42.434-75.035 89.12-96.628 135.041a168.289 168.289 0 0 0 50.524 18.283c.057-.141.142-.284.199-.426C-45.735 58.563-24.625 28.147 0 0"
transform="translate(326.13 378.12)"
fill="#99ebfa"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c9.662-9.666 9.662-25.342 0-35.008a24.658 24.658 0 0 0-20.261-7.087 179.011 179.011 0 0 1-10.456 11.424v.028l-.028.029a.637.637 0 0 0-.199.198c-3.599 3.572-7.311 6.974-11.136 10.148-.794 7.228 1.559 14.74 7.084 20.268C-25.333 9.666-9.663 9.666 0 0m-30.717-30.671v.028z"
transform="translate(447.666 451.65)"
fill="#33d6f5"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c14.281-23.301 33.097-48.869 63.842-75.571 39.076-33.958 100.056-76.137 154.208-88.156"
transform="translate(188.3 192.198)"
fill="none"
stroke="#000"
stroke-width="20.176"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c9.945-11.367 20.402-22.848 31-34.668 90.337-100.883 136.101-18.027 247.889-191.619 21.847-33.958 66.789-16.214 81.751-1.247 25.701 25.71 2.975 93.429-52.253 173.307M70.813 183.427c-79.853 55.246-147.521 77.979-173.222 52.27-24.88-24.888-3.627-88.298 47.804-164.718"
transform="translate(126.81 255.75)"
fill="none"
stroke="#000"
stroke-width="20.176"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-19.128-19.304c-10.569-10.545-10.569-27.864 0-38.409L183.225-260.16c10.569-10.572 27.854-10.572 38.423 0l19.213 19.219c66.535 66.556 66.535 174.441 0 240.998C174.326 66.613 66.478 66.613 0 0Z"
transform="translate(176.088 420.922)"
fill="none"
stroke="#000"
stroke-width="20.176"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c21.593-45.921 54.236-92.606 96.628-135.041 42.392-42.405 89.033-75.031 134.938-96.604"
transform="translate(214.002 449.58)"
fill="none"
stroke="#000"
stroke-width="20.176"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c27.6-23.471 56.106-42.491 83.819-56.579M-115.5 142.836c13.204-26.051 30.83-52.809 52.366-78.859"
transform="translate(380.026 325.027)"
fill="none"
stroke="#000"
stroke-width="20.176"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-9.663 9.666-25.333 9.666-34.996 0-5.525-5.557-7.878-13.068-7.084-20.268a162.964 162.964 0 0 0 11.363-10.403 179.011 179.011 0 0 0 10.456-11.424A24.658 24.658 0 0 1 0-35.008C9.662-25.342 9.662-9.666 0 0Z"
transform="translate(447.666 451.65)"
fill="none"
stroke="#000"
stroke-width="20.176"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-.028.028"
transform="translate(347.07 355.584)"
fill="none"
stroke="#000"
stroke-width="20.176"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 .028-.057"
transform="translate(98.304 290.389)"
fill="none"
stroke="#000"
stroke-width="20.176"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category