Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, costume, halloween, magic, witch, and Headwear. 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 60 60"
>
<path
fill="#c6d8fb"
d="M59 51c0 4.42-12.98 8-29 8S1 55.42 1 51c0-2.68 4.76-5.04 12.07-6.49l-1.7 4.55a.981.981 0 0 0 .6 1.3A56.408 56.408 0 0 0 30 53a56.408 56.408 0 0 0 18.03-2.64.981.981 0 0 0 .6-1.3l-1.7-4.55C54.24 45.96 59 48.32 59 51z"
/>
<path
fill="#a4c3fd"
d="m46.93 44.51.285.763C52.629 46.723 56 48.747 56 51c0 4.281-12.178 7.774-27.5 7.989Q29.246 59 30 59c16.02 0 29-3.58 29-8 0-2.68-4.76-5.04-12.07-6.49z"
/>
<path
fill="#e8edfc"
d="M46.86 44.31A51.341 51.341 0 0 1 30 47a51.341 51.341 0 0 1-16.86-2.69L29.07 1.64a1 1 0 0 1 1.86 0z"
/>
<path
fill="#cad9fc"
d="M30.93 1.64a1 1 0 0 0-1.86 0l-.57 1.527L43.86 44.31a50.741 50.741 0 0 1-15.36 2.67c.492.013.991.02 1.5.02a51.341 51.341 0 0 0 16.86-2.69z"
/>
<path
fill="#a4c2f7"
d="M48.03 50.36A56.408 56.408 0 0 1 30 53a56.408 56.408 0 0 1-18.03-2.64.981.981 0 0 1-.6-1.3l1.7-4.55.07-.2A51.341 51.341 0 0 0 30 47a51.341 51.341 0 0 0 16.86-2.69l.07.2 1.7 4.55a.981.981 0 0 1-.6 1.3z"
/>
<path
fill="#7facfa"
d="m48.63 49.06-1.7-4.55-.07-.2c-.764.268-1.667.555-2.691.839l1.461 3.911a.981.981 0 0 1-.6 1.3 55.313 55.313 0 0 1-16.53 2.622c.492.01.99.018 1.5.018a56.408 56.408 0 0 0 18.03-2.64.981.981 0 0 0 .6-1.3z"
/>
<path
fill="#fff"
d="M30 59q.755 0 1.5-.011C16.178 58.774 4 55.281 4 51c0-2.68 4.76-5.04 12.07-6.49l.07-.2L31.5 3.167l-.57-1.527a1 1 0 0 0-1.86 0l-.57 1.527L13.14 44.31l-.07.2C5.76 45.96 1 48.32 1 51c0 4.42 12.98 8 29 8z"
/>
<path fill="#fff" d="m25.34 8.781 2.8-7.496 1.874.7-2.8 7.496z" />
<g fill="#428dff">
<path
d="M47.681 43.644 31.865 1.277a2 2 0 0 0-3.73 0A1 1 0 1 0 30 1.988l15.567 41.7A50.794 50.794 0 0 1 30 46a50.761 50.761 0 0 1-15.562-2.315l12.769-34.2a1 1 0 1 0-1.874-.7L12.319 43.644C7.471 44.656 0 46.881 0 51c0 5.846 15.457 9 30 9s30-3.154 30-9c0-4.12-7.471-6.344-12.319-7.356zM12.3 49.405l1.435-3.845A52.763 52.763 0 0 0 30 48a52.73 52.73 0 0 0 16.263-2.44l1.44 3.858A55.466 55.466 0 0 1 30 52a55.451 55.451 0 0 1-17.7-2.582zM30 58c-17.348 0-28-4.077-28-7 0-1.5 2.957-3.594 9.485-5.122l-1.056 2.829a1.994 1.994 0 0 0 1.212 2.6A57.522 57.522 0 0 0 30 54a57.522 57.522 0 0 0 18.357-2.692 2 2 0 0 0 1.213-2.6l-1.056-2.829C55.043 47.406 58 49.5 58 51c0 2.923-10.652 7-28 7z"
/>
<path
d="M27.688 6.386a1 1 0 0 0 0-2h-.009a1 1 0 0 0 .009 2zM41 42a1 1 0 0 0 .934-1.359l-5-13a1 1 0 0 0-1.868.718l5 13A1 1 0 0 0 41 42z"
/>
</g>
</svg>
More icons in the same style and category