Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, fashion, winter hat, stripes, beanie, and pom pom. 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"
>
<rect width="58" height="12" x="1" y="47" fill="#a4c2f7" rx="2" />
<path
fill="#7facfa"
d="M57 47h-3a2.006 2.006 0 0 1 2 2v8a2.006 2.006 0 0 1-2 2h3a2.006 2.006 0 0 0 2-2v-8a2.006 2.006 0 0 0-2-2z"
/>
<path
fill="#e8edfc"
d="M56 32.5V47H4c.432-11.871-1.207-17.252 2.21-24.88A25.531 25.531 0 0 1 16 10.87C32.762.374 56 11.735 56 32.5z"
/>
<path
fill="#cad9fc"
d="M28.5 7.032A25.483 25.483 0 0 1 53 32.5V47h3V32.5C56 18.839 45.1 6.39 28.5 7.032z"
/>
<path
fill="#a4c2f7"
d="M23.01 7.84a25.521 25.521 0 0 0-16.8 14.28A11.463 11.463 0 0 1 1 12.5C1 .1 18.02-3.458 23.01 7.84z"
/>
<path
fill="#7facfa"
d="M11.021 1.106A11.489 11.489 0 0 1 20.01 7.84a25.5 25.5 0 0 0-15.916 12.5 11.6 11.6 0 0 0 2.116 1.78A25.531 25.531 0 0 1 16 10.87a26 26 0 0 1 7.01-3.03 11.459 11.459 0 0 0-11.989-6.734z"
/>
<path
fill="#a4c2f7"
d="M59 12.5a11.463 11.463 0 0 1-5.21 9.62 24.949 24.949 0 0 0-16.8-14.28A11.5 11.5 0 0 1 59 12.5z"
/>
<path
fill="#7facfa"
d="M47.5 1a11.562 11.562 0 0 0-1.521.106 11.486 11.486 0 0 1 6.927 19.235c.315.581.616 1.171.884 1.779A11.5 11.5 0 0 0 47.5 1z"
/>
<path fill="#c6d8fb" d="M4 34h52v7H4z" />
<path fill="#a4c3fd" d="M53 34h3v7h-3z" />
<path
fill="#c6d8fb"
d="M55.4 27H4.6a25.15 25.15 0 0 1 1.61-4.88A22.125 22.125 0 0 1 7.28 20h45.44a25.246 25.246 0 0 1 2.68 7z"
/>
<path
fill="#a4c3fd"
d="M52.72 20h-3a25.246 25.246 0 0 1 2.68 7h3a25.284 25.284 0 0 0-2.68-7z"
/>
<path
fill="#c6d8fb"
d="M46.92 13H13.08A25.343 25.343 0 0 1 16 10.87 26.757 26.757 0 0 1 46.92 13z"
/>
<path
fill="#a4c3fd"
d="M28.5 7.032A25.23 25.23 0 0 1 43.92 13h3C41.593 8.483 35.413 6.765 28.5 7.032z"
/>
<path
fill="#fff"
d="M3 59h3a2.006 2.006 0 0 1-2-2v-8a2.006 2.006 0 0 1 2-2h1c.08-2.206.089-4.186.072-6-.105 0-.072.487-.072-4.4a41.482 41.482 0 0 1 .606-9.6H7.6a25.444 25.444 0 0 1 1.61-4.88C.6 16.5 2.964 2.6 14.056 1.13a11.165 11.165 0 0 0-3.035-.024c.028 0 .054.012.082.016C-.066 2.556-2.39 16.505 6.21 22.12A25.812 25.812 0 0 0 4.6 27h.006C3.869 30.443 4 32.547 4 41h.072c.017 1.814.008 3.794-.072 6H3a2.006 2.006 0 0 0-2 2v8a2.006 2.006 0 0 0 2 2z"
/>
<g>
<path
fill="#fff"
d="m2.909 4.489 1.535 1.283A10.662 10.662 0 0 0 2 12.5H0a12.671 12.671 0 0 1 2.909-8.011z"
/>
<g fill="#428dff">
<path d="M1.707 9.568a1 1 0 0 1-.01-2h.01a1 1 0 0 1 0 2z" />
<path
d="M60 12.5a12.5 12.5 0 0 0-23.562-5.81 30.251 30.251 0 0 0-12.876 0 12.49 12.49 0 0 0-20.653-2.2.983.983 0 0 0 .163 1.438 1.023 1.023 0 0 0 1.372-.155A10.6 10.6 0 0 1 12.5 2a10.489 10.489 0 0 1 9.057 5.2 29.629 29.629 0 0 0-6.087 2.818 26.465 26.465 0 0 0-9.648 10.568A10.445 10.445 0 0 1 2 12.5a1 1 0 0 0-2 0 12.429 12.429 0 0 0 4.971 9.941A26.539 26.539 0 0 0 3 32.5V46a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h54a3 3 0 0 0 3-3v-8a3 3 0 0 0-3-3V32.5a26.539 26.539 0 0 0-1.971-10.059A12.429 12.429 0 0 0 60 12.5zM23.009 8.84h.009a1 1 0 0 0 .249-.033 28.236 28.236 0 0 1 13.466 0 .4.4 0 0 0 .163.028 25.181 25.181 0 0 1 6.574 2.884c.144.09.279.19.42.282H16.109c.142-.093.277-.192.421-.282a27.156 27.156 0 0 1 6.479-2.879zM13.454 14h33.092a24.421 24.421 0 0 1 4.407 5H9.047a24.421 24.421 0 0 1 4.407-5zM55 40H5v-5h50zM5 33v-.5a24.845 24.845 0 0 1 .415-4.5h49.17A24.845 24.845 0 0 1 55 32.5v.5zm.875-7a24.27 24.27 0 0 1 1.984-5h44.282a24.27 24.27 0 0 1 1.984 5zM58 49v8a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h54a1 1 0 0 1 1 1zM5 46v-4h50v4zm49.178-25.414a26.459 26.459 0 0 0-9.648-10.564A28.567 28.567 0 0 0 38.448 7.2a10.492 10.492 0 1 1 15.73 13.389z"
/>
</g>
</g>
</svg>
More icons in the same style and category