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 blue style with a white and silver 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="#a4c2f7"
d="m51.11 30.2-.11.06s-7.3 5.48-21 5.48-21-5.48-21-5.48l-.11-.06L9 30l4-17 .12-.08c2.346 4.17 31.409 4.18 33.76 0L47 13l4 17z"
/>
<path
fill="#7facfa"
d="m51 30-4-17-.12-.08a4.63 4.63 0 0 1-2.547 1.491L48 30l.11.2c-3.232 2.4-10.639 5.234-19.61 5.5 14.486.434 22.4-5.418 22.5-5.443l.11-.06z"
/>
<path
fill="#e8edfc"
d="M57.17 48.35c-14.725 6.171-39.6 6.178-54.339 0a2.994 2.994 0 0 1-1.54-4.04L8.89 30.2l.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.54 4.04z"
/>
<path
fill="#cad9fc"
d="m58.71 44.31-7.6-14.11-.11.06a17.454 17.454 0 0 1-2.159 1.295L55.71 44.31a3 3 0 0 1-1.54 4.04c-4.037 1.692-13.3 4.42-25.67 4.63 11.769.2 22.443-2.02 28.67-4.63a3 3 0 0 0 1.54-4.04z"
/>
<path
fill="#e8edfc"
d="M30 16.09c-8.75-.04-15.89-1.41-16.88-3.17a.85.85 0 0 1-.12-.42c0-1.96 7.571-3.54 17-3.59 23.283.123 22.1 7.079 0 7.18z"
/>
<path
fill="#cad9fc"
d="M28.5 8.933c8.719.2 15.5 1.712 15.5 3.567 0 2.74-12.16 3.494-15.5 3.569 24.472.547 24.831-7.705 0-7.136z"
/>
<circle cx="30" cy="26" r="5" fill="#e8edfc" />
<path
fill="#cad9fc"
d="M30 21a4.966 4.966 0 0 0-1.5.254 4.968 4.968 0 0 1 0 9.492A4.99 4.99 0 1 0 30 21z"
/>
<path
fill="#e8edfc"
d="M19 23a4.992 4.992 0 0 1-9.04 2.93l.46-1.97a5 5 0 0 0 5.54-5.57A5.029 5.029 0 0 1 19 23z"
/>
<path
fill="#cad9fc"
d="M15.96 18.39a4.926 4.926 0 0 1-.385 2.615 4.951 4.951 0 0 1-3.1 6.748A4.977 4.977 0 0 0 19 23a5.029 5.029 0 0 0-3.04-4.61z"
/>
<path
fill="#e8edfc"
d="M50.05 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.54 4.97z"
/>
<path
fill="#cad9fc"
d="M49.58 23.97A5 5 0 0 1 44.04 19a4.077 4.077 0 0 1 .04-.61 5.059 5.059 0 0 0-2.615 2.615 5 5 0 0 0 5.115 2.965l.47 2a5.009 5.009 0 0 1-2.487 1.782 4.917 4.917 0 0 0 5.487-1.782z"
/>
<g fill="#fff">
<path
d="M5.83 48.35c7.05 2.95 16.4 4.49 25.86 4.62-9.24.19-20.44-1.09-28.86-4.62a3 3 0 0 1-1.54-4.04l7.6-14.11c.3-.552 3.972-17.159 4.21-17.27-1.22-2.11 7.23-4.18 19.13-4.01C23.16 9.05 16 10.59 16 12.5a.84.84 0 0 0 .12.42c-.166.11.108-.88-2.7 11.04-1.56 6.69-1.39 5.98-1.53 6.24l-7.6 14.11a3 3 0 0 0 1.54 4.04z"
/>
<path d="M15.79 13.89c-.03.14-.07.32-.12.52z" />
</g>
<g>
<path fill="#fff" d="m.393 43.828 3.792-7.04 1.76.948-3.792 7.04z" />
<g fill="#428dff">
<path d="M3.207 41.789a1 1 0 0 1-.01-2h.01a1 1 0 1 1 0 2z" />
<path
d="M.261 47.005a3.977 3.977 0 0 0 2.182 2.267C4.328 50.062 14.512 54 30 54s25.673-3.938 27.562-4.73a3.994 3.994 0 0 0 2.029-5.434l-7.6-14.11v-.005l-4.017-16.95a.1.1 0 0 1-.008-.018A1.789 1.789 0 0 0 48 12.5c0-4.369-16.153-4.58-18-4.59-1.847.01-18 .221-18 4.59a1.789 1.789 0 0 0 .034.253.1.1 0 0 1-.008.018L8.058 29.639l-.045.082L4.2 36.792a1 1 0 0 0 1.761.949l3.292-6.112C11.577 33.069 18.6 36.74 30 36.74c11.374 0 18.409-3.662 20.745-5.11l7.062 13.109a2 2 0 0 1-1.024 2.689C54.962 48.191 45.107 52 30 52S5.039 48.191 3.223 47.43a2 2 0 0 1-1.03-2.692 1 1 0 1 0-1.806-.856 3.953 3.953 0 0 0-.126 3.123zm48.7-21.292a4 4 0 1 1-5.8-5.5 6 6 0 0 0 5.627 4.761zM30 9.91c9.575.051 15.259 1.645 15.97 2.585-.713.9-6.058 2.549-15.96 2.6-9.886-.046-15.228-1.692-15.968-2.6.713-.943 6.396-2.535 15.958-2.585zM11.208 24.982a6 6 0 0 0 5.668-4.765A4 4 0 0 1 14 27a3.919 3.919 0 0 1-2.949-1.35zm-1.129 4.8.448-1.9a6 6 0 1 0 5.83-10.4 1 1 0 0 0-1.385 1.068A3.158 3.158 0 0 1 15 19a4 4 0 0 1-3.309 3.93l1.956-8.313c3.4 1.873 11.444 2.45 16.358 2.473 4.906-.023 12.949-.6 16.349-2.471l1.951 8.291A4.008 4.008 0 0 1 45.04 19a3.158 3.158 0 0 1 .028-.46 1 1 0 0 0-1.385-1.068 6 6 0 1 0 5.8 10.425l.443 1.883c-1.774 1.132-8.6 4.96-19.921 4.96-11.279 0-18.142-3.83-19.926-4.962z"
/>
<path
d="M30 20a6 6 0 1 0 6 6 6.006 6.006 0 0 0-6-6zm0 10a4 4 0 1 1 4-4 4 4 0 0 1-4 4z"
/>
</g>
</g>
</svg>
More icons in the same style and category