Add icons to this collection by clicking the heart icon.
Sunhat icon - also known as hat, summer, fashion, protection, beach, holidays, sun, accesory, and sunhat. Created in a clean lineal color style with a red, yellow, navy, 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="560"
height="560"
viewBox="0 -27 420 420"
>
<path
fill="#ede49d"
d="M126 180c0-6.453.617-12.54 1.688-18H90v-24H48c-23.195 0-42 18.805-42 42s18.805 42 42 42h95.293c-9.55 0-17.293-18.805-17.293-42zm0 0"
/>
<path
fill="#d3ba2a"
d="M372 138h-42v24h-37.688c1.07 5.46 1.688 11.547 1.688 18 0 23.195-7.742 42-17.293 42H372c23.195 0 42-18.805 42-42s-18.805-42-42-42zm0 0"
/>
<path
fill="#eee045"
d="M276.707 138H143.293c-6.895 0-12.828 9.824-15.606 24h164.625c-2.777-14.176-8.71-24-15.605-24zM294 180c0-6.453-.617-12.54-1.688-18H127.688c-1.07 5.46-1.687 11.547-1.687 18 0 23.195 7.742 42 17.293 42h133.414c9.55 0 17.293-18.805 17.293-42zm0 0"
/>
<path
fill="#d3ba2a"
d="M210 6c19.883 0 36 16.117 36 36v120h84v-36C330 59.727 276.273 6 210 6zm0 0"
/>
<path
fill="#ede49d"
d="M210 6C143.727 6 90 59.727 90 126v36h84V42c0-19.883 16.117-36 36-36zm0 0"
/>
<path
fill="#eee045"
d="M210 6c-19.883 0-36 16.117-36 36v120h72V42c0-19.883-16.117-36-36-36zm0 0"
/>
<path
fill="#1c2d6b"
d="M330 168H90c-3.313 0-6-2.688-6-6v-36C84 56.523 140.523 0 210 0s126 56.523 126 126v36c0 3.313-2.688 6-6 6zM96 156h228v-30c0-62.86-51.14-114-114-114S96 63.14 96 126zm0 0"
/>
<path fill="#e8383b" d="M246 126h84v36h-84zm0 0" />
<path fill="#ef7f72" d="M90 126h84v36H90zm0 0" />
<path fill="#e95947" d="M174 126h72v36h-72zm0 0" />
<path
fill="#1c2d6b"
d="M330 168H90c-3.313 0-6-2.688-6-6v-36c0-3.313 2.688-6 6-6h240c3.313 0 6 2.688 6 6v36c0 3.313-2.688 6-6 6zM96 156h228v-24H96zM210 336c-61.395 0-118.05-33.34-147.867-87.008l-13.38-24.078 10.49-5.828 13.378 24.078C100.321 293.027 152.961 324 210 324s109.68-30.973 137.375-80.836l13.379-24.078 10.488 5.828-13.375 24.078C328.051 302.66 271.395 336 210 336zm0 0"
/>
<path fill="#e95947" d="M198 318h24v24h-24zm0 0" />
<g fill="#1c2d6b">
<path
d="M222 348h-24c-3.313 0-6-2.688-6-6v-24c0-3.313 2.688-6 6-6h24c3.313 0 6 2.688 6 6v24c0 3.313-2.688 6-6 6zm-18-12h12v-12h-12zm0 0"
/>
<path
d="M192 366h-12c0-16.543 13.457-30 30-30v12c-9.926 0-18 8.074-18 18zM240 366h-12c0-9.926-8.074-18-18-18v-12c16.543 0 30 13.457 30 30zM372 228H48c-26.465 0-48-21.535-48-48s21.535-48 48-48h42c3.313 0 6 2.688 6 6v18h228v-18c0-3.313 2.688-6 6-6h42c26.465 0 48 21.535 48 48s-21.535 48-48 48zM48 144c-19.852 0-36 16.148-36 36s16.148 36 36 36h324c19.852 0 36-16.148 36-36s-16.148-36-36-36h-36v18c0 3.313-2.688 6-6 6H90c-3.313 0-6-2.688-6-6v-18zm0 0"
/>
</g>
</svg>
More icons in the same style and category