Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, fashion, bucket, moon, moon phase, and pattern. Created in a clean lineal color style with a white, silver, yellow, teal, navy, 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 60 60"
>
<path
fill="#3f51b5"
d="m51.181 30.2-.11.06s-7.3 5.48-21 5.48-21-5.48-21-5.48l-.11-.06.11-.2 4-17 .12-.08c.99 1.76 8.13 3.13 16.88 3.17 8.75-.04 15.89-1.41 16.88-3.17l.12.08 4 17z"
/>
<path
fill="#283593"
d="m51.071 30-4-17-.12-.08a4.638 4.638 0 0 1-2.551 1.491L48.071 30l.11.2-.11.06s-6.779 5.061-19.5 5.443c.5.015.985.037 1.5.037 13.7 0 21-5.48 21-5.48l.11-.06z"
/>
<path
fill="#3f51b5"
d="M57.241 48.35A69.552 69.552 0 0 1 30.071 54 69.552 69.552 0 0 1 2.9 48.35a3 3 0 0 1-1.54-4.04l7.6-14.11.11.06s7.3 5.48 21 5.48 21-5.48 21-5.48l.11-.06 7.6 14.11a3 3 0 0 1-1.539 4.04z"
/>
<path
fill="#283593"
d="m58.781 44.31-7.6-14.11-.11.06a17.43 17.43 0 0 1-2.16 1.295l6.87 12.755a3 3 0 0 1-1.54 4.04c-4.037 1.692-13.3 4.42-25.67 4.63.5.008.992.02 1.5.02 13.12 0 22.97-2.89 27.17-4.65a3 3 0 0 0 1.54-4.04z"
/>
<path
fill="#3f51b5"
d="M47.071 12.5a.84.84 0 0 1-.12.42c-.99 1.76-8.13 3.13-16.88 3.17-8.75-.04-15.89-1.41-16.88-3.17a.84.84 0 0 1-.12-.42c0-1.96 7.57-3.54 17-3.59 9.429.05 17 1.63 17 3.59z"
/>
<path
fill="#283593"
d="M30.071 8.91c-.506 0-1.005.012-1.5.023 8.719.2 15.5 1.712 15.5 3.567a.84.84 0 0 1-.12.42c-.933 1.658-7.326 2.969-15.38 3.149.495.011.994.019 1.5.021 8.75-.04 15.89-1.41 16.88-3.17a.84.84 0 0 0 .12-.42c0-1.96-7.571-3.54-17-3.59z"
/>
<circle cx="30.071" cy="26" r="5" fill="#f5f5f5" />
<path
fill="#cfd8dc"
d="M30.071 21a4.961 4.961 0 0 0-1.5.254 4.968 4.968 0 0 1 0 9.492 4.99 4.99 0 1 0 1.5-9.746z"
/>
<path
fill="#ffdf00"
d="M19.071 23a4.992 4.992 0 0 1-9.04 2.93l.46-1.97a3.685 3.685 0 0 0 .58.04 5 5 0 0 0 5-5 4.077 4.077 0 0 0-.04-.61 5.029 5.029 0 0 1 3.04 4.61z"
/>
<path
fill="#fec108"
d="M16.031 18.39a4.077 4.077 0 0 1 .04.61 4.972 4.972 0 0 1-.426 2 4.948 4.948 0 0 1-3.1 6.748A4.977 4.977 0 0 0 19.071 23a5.029 5.029 0 0 0-3.04-4.61z"
/>
<path
fill="#ffdf00"
d="M50.121 25.97a5 5 0 1 1-5.97-7.58 4.077 4.077 0 0 0-.04.61 5 5 0 0 0 5 5 4.886 4.886 0 0 0 .54-.03z"
/>
<path
fill="#fec108"
d="M49.651 23.97a4.886 4.886 0 0 1-.54.03 5 5 0 0 1-5-5 4.077 4.077 0 0 1 .04-.61 5.056 5.056 0 0 0-2.615 2.615 5 5 0 0 0 4.575 3 4.886 4.886 0 0 0 .54-.03l.47 2a5.009 5.009 0 0 1-2.487 1.782 4.912 4.912 0 0 0 1.477.243 4.985 4.985 0 0 0 4.01-2.03z"
/>
<g>
<path
d="M.262 47.163a3.981 3.981 0 0 0 2.183 2.267A72.113 72.113 0 0 0 30.071 55a70.779 70.779 0 0 0 27.487-5.57h.006a3.992 3.992 0 0 0 2.028-5.434l-7.555-14.031c-.276-.97-2.522-11.032-3.99-17.681v-.007C47.487 8.212 31.884 8.01 30.066 8c-1.808.01-17.387.212-17.968 4.268a5708.178 5708.178 0 0 0-3.62 15.415c-.27 1.156-.41 1.77-.483 2.1a3.338 3.338 0 0 0-.043.214L.388 44.039a3.952 3.952 0 0 0-.126 3.124zM49 25.75a4 4 0 1 1-5.766-5.533 6 6 0 0 0 5.59 4.758l.176.775zM30.066 10c9.9.051 15.187 1.622 15.955 2.5-.784.876-6.122 2.46-15.945 2.5-9.811-.044-15.148-1.622-15.955-2.505.772-.875 6.064-2.444 15.945-2.495zM11.16 24.992a6.006 6.006 0 0 0 5.787-4.775A4 4 0 0 1 14.071 27a3.927 3.927 0 0 1-3.042-1.45l.131-.558zM10.5 27.8a6 6 0 1 0 5.925-10.33 1 1 0 0 0-1.386 1.068 3.023 3.023 0 0 1 .029.46 3.993 3.993 0 0 1-3.431 3.942c.5-2.142 1.15-4.892 1.98-8.411C16.957 16.4 25.113 16.978 30.076 17c4.943-.022 13.074-.594 16.423-2.454.77 3.483 1.379 6.217 1.86 8.36A4.007 4.007 0 0 1 45.111 19a3.158 3.158 0 0 1 .028-.46 1 1 0 0 0-1.386-1.068A6 6 0 1 0 49.5 27.933c.219.944.369 1.574.474 2C48.321 31.017 41.487 35 30.071 35c-11.5 0-18.449-4.029-20.059-5.075.088-.398.242-1.052.488-2.125zM2.172 44.941l7.072-13.128C11.537 33.251 18.614 37 30.071 37c11.438 0 18.431-3.751 20.688-5.188L57.808 44.9a2 2 0 0 1-1.026 2.69A68.791 68.791 0 0 1 30.071 53a70.083 70.083 0 0 1-26.847-5.413 1.988 1.988 0 0 1-1.092-1.133 1.958 1.958 0 0 1 .04-1.513z"
/>
<path
d="M36.071 26a6 6 0 1 0-6 6 6.007 6.007 0 0 0 6-6zm-10 0a4 4 0 1 1 4 4 4 4 0 0 1-4-4z"
/>
</g>
</svg>
More icons in the same style and category