Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, fashion, cap, celebration, american, july, usa, united states of america, independence day, cultures, and 4th of july. Created in a clean blue style, 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 512 512"
>
<path
fill="#fff"
d="M413.5 248.5v140h-310v-140zM463.5 98.5c11.05 0 20 8.95 20 20s-8.95 20-20 20-20-8.95-20-20 8.95-20 20-20zM53.5 268.5c13.81 0 25 11.19 25 25s-11.19 25-25 25-25-11.19-25-25 11.19-25 25-25z"
/>
<path
fill="#9bc9ff"
d="M463.5 415v17c0 14.64-11.86 26.5-26.5 26.5H80c-14.64 0-26.5-11.86-26.5-26.5v-17c0-14.64 11.86-26.5 26.5-26.5h357c14.64 0 26.5 11.86 26.5 26.5zM298.5 308.69l-25.47 18.51 9.73 29.94-25.47-18.51-25.48 18.51 9.73-29.94-25.47-18.51h31.49l9.73-29.94 9.72 29.94zM318.5 53.5h45v195h-45zM233.5 53.5h45v195h-45zM148.5 53.5h45v195h-45z"
/>
<path
fill="#fff"
d="M413.5 90.67V248.5h-50v-195h12.83c20.53 0 37.17 16.64 37.17 37.17zM278.5 53.5h40v195h-40zM193.5 53.5h40v195h-40z"
/>
<circle cx="461" cy="221" r="7.5" fill="#1e81ce" />
<circle cx="441" cy="336" r="7.5" fill="#1e81ce" />
<path
fill="#fff"
d="M148.5 53.5v195h-45V90.67c0-20.53 16.64-37.17 37.17-37.17z"
/>
<g fill="#1e81ce">
<circle cx="66" cy="191" r="7.5" />
<circle cx="56" cy="356" r="7.5" />
<circle cx="41" cy="61" r="7.5" />
<path
d="M437 463.5H80c-17.369 0-31.5-14.131-31.5-31.5v-17c0-17.369 14.131-31.5 31.5-31.5h23.5a5 5 0 1 1 0 10H80c-11.855 0-21.5 9.645-21.5 21.5v17c0 11.855 9.645 21.5 21.5 21.5h357c11.855 0 21.5-9.645 21.5-21.5v-17c0-11.855-9.645-21.5-21.5-21.5h-23.5c-2.762 0-5-2.238-5-5s2.238-5 5-5H437c17.369 0 31.5 14.131 31.5 31.5v17c0 17.369-14.131 31.5-31.5 31.5z"
/>
<path
d="M413.5 393.5h-310a5 5 0 0 1-5-5V90.67c0-23.252 18.918-42.17 42.17-42.17h7.83a5 5 0 0 1 0 10h-7.83c-17.739 0-32.17 14.431-32.17 32.17V383.5h300V90.67c0-17.739-14.432-32.17-32.17-32.17H363.5a5 5 0 1 1 0-10h12.83c23.253 0 42.17 18.918 42.17 42.17V388.5a5 5 0 0 1-5 5z"
/>
<path
d="M233.5 58.5h-40a5 5 0 0 1 0-10h40a5 5 0 0 1 0 10zM318.5 58.5h-40a5 5 0 1 1 0-10h40a5 5 0 1 1 0 10z"
/>
<path
d="M193.5 253.5a5 5 0 0 1-5-5v-190h-35v190a5 5 0 1 1-10 0v-195a5 5 0 0 1 5-5h45a5 5 0 0 1 5 5v195a5 5 0 0 1-5 5zM278.5 253.5a5 5 0 0 1-5-5v-190h-35v190a5 5 0 1 1-10 0v-195a5 5 0 0 1 5-5h45a5 5 0 0 1 5 5v195a5 5 0 0 1-5 5zM363.5 253.5a5 5 0 0 1-5-5v-190h-35v190c0 2.762-2.238 5-5 5s-5-2.238-5-5v-195a5 5 0 0 1 5-5h45a5 5 0 0 1 5 5v195a5 5 0 0 1-5 5z"
/>
<path
d="M413.5 253.5h-310a5 5 0 1 1 0-10h310a5 5 0 1 1 0 10zM282.76 362.14a4.99 4.99 0 0 1-2.939-.955l-22.531-16.374-22.541 16.374a5 5 0 0 1-7.693-5.59l8.607-26.485-22.532-16.374a5 5 0 0 1 2.939-9.045h27.858l8.607-26.485a4.998 4.998 0 0 1 4.755-3.455h.001a5 5 0 0 1 4.755 3.456l8.598 26.484H298.5a5 5 0 0 1 2.939 9.045l-22.531 16.374 8.606 26.485a4.998 4.998 0 0 1-4.754 6.545zm-51.305-48.45 13.024 9.465a5 5 0 0 1 1.816 5.59l-4.974 15.305 13.03-9.465a5 5 0 0 1 5.878 0l13.018 9.461-4.972-15.301a5 5 0 0 1 1.815-5.59l13.024-9.465H267.01a5 5 0 0 1-4.756-3.456l-4.967-15.299-4.972 15.3a5 5 0 0 1-4.755 3.455zM463.5 143.5c-13.785 0-25-11.215-25-25s11.215-25 25-25 25 11.215 25 25-11.215 25-25 25zm0-40c-8.272 0-15 6.729-15 15s6.728 15 15 15 15-6.729 15-15-6.728-15-15-15zM53.5 323.5c-16.542 0-30-13.458-30-30s13.458-30 30-30 30 13.458 30 30-13.458 30-30 30zm0-50c-11.028 0-20 8.972-20 20s8.972 20 20 20 20-8.972 20-20-8.972-20-20-20z"
/>
</g>
</svg>
More icons in the same style and category