Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, fashion, costume, halloween, wizard, witch, and witch hat. 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 61"
>
<g fill="none" fill-rule="nonzero">
<g transform="translate(1 1)">
<path
fill="#a4c2f7"
d="M58 45c0 7.73-12.98 14-29 14S0 52.73 0 45c0-4.46 4.32-8.43 11.04-10.99h.01c-.01.15-.02.29-.02.43v.02C10.96 36.8 11 38.99 11 41c0 3.82 6.03 7.02 14.09 7.81a7.019 7.019 0 0 0 7.82 0C40.97 48.02 47 44.82 47 41c0-2 .04-4.2-.03-6.53 0-.15-.01-.3-.02-.46C53.68 36.57 58 40.54 58 45z"
/>
<path
fill="#7facfa"
d="M8 41c0 3.82 6.03 7.02 14.09 7.81A6.946 6.946 0 0 0 26 50a7.036 7.036 0 0 0 1.5-.179 6.92 6.92 0 0 1-2.41-1.011C17.03 48.02 11 44.82 11 41c0-2.01-.04-4.2.03-6.54v-.02c0-.14.01-.28.02-.43h-.01c-1.032.393-2.043.84-3.028 1.338C7.974 37.353 8 39.248 8 41zM46.95 34.01c.01.16.02.31.02.46.009.3.012.587.017.881C51.947 37.86 55 41.256 55 45c0 7.487-12.178 13.6-27.5 13.982.497.012.997.018 1.5.018 16.02 0 29-6.27 29-14 0-4.46-4.32-8.43-11.05-10.99z"
/>
<path
fill="#a4c2f7"
d="m55.93 22.76-2.42-1.45a.984.984 0 0 0-1.02 0L48.5 23.7a.994.994 0 0 1-1 .02l-2.14-1.19a49.039 49.039 0 0 1 1.59 11.48c.01.16.02.31.02.46-.41 3.14-4.91 5.8-11.16 6.94a7 7 0 0 0-13.63 0c-6.25-1.14-10.75-3.8-11.15-6.95v-.02c0-.14.01-.28.02-.43.23-6.89 1.4-14.95 6.95-23.01C25.57 0 32 1 35 1a15.71 15.71 0 0 1 10 4c1.82 2.04 3.12 4.49 3.79 7.14a.99.99 0 0 0 1.12.71l4.18-.7a1 1 0 0 1 1.13.75l2.19 8.76a1 1 0 0 1-1.48 1.1z"
/>
<g fill="#7facfa">
<path
d="m45.634 23.62-.134.08a.994.994 0 0 1-1 .02l-2.14-1.19a49.039 49.039 0 0 1 1.59 11.48c.01.16.02.31.02.46-.346 2.648-3.607 4.951-8.368 6.293.08.212.15.428.208.647 6.25-1.14 10.75-3.8 11.16-6.94 0-.15-.01-.3-.02-.46a50.267 50.267 0 0 0-1.316-10.39zM26 36a6.983 6.983 0 0 0-6.61 4.763c.883.249 1.812.469 2.79.647a7 7 0 0 1 5.32-5.23A7 7 0 0 0 26 36zM42 5c1.82 2.04 3.12 4.49 3.79 7.14a.99.99 0 0 0 1.12.71l2.076-.348a.936.936 0 0 1-.2-.362A16.961 16.961 0 0 0 45 5a15.71 15.71 0 0 0-10-4c-.735 0-1.677-.059-2.79.012A15.707 15.707 0 0 1 42 5zM57.41 21.66l-2.19-8.76a1 1 0 0 0-1.13-.75l-2.085.349a.968.968 0 0 1 .215.4l2.19 8.76a1 1 0 0 1 .02.2l1.5.9a1 1 0 0 0 1.48-1.099zM50.51 21.31a.984.984 0 0 0-1.02 0l-3.044 1.824 1.054.586a.994.994 0 0 0 1-.02l3-1.8z"
/>
</g>
<path
fill="#e8edfc"
d="M47 41c0 3.82-6.03 7.02-14.09 7.81A6.984 6.984 0 0 0 36 43a6.411 6.411 0 0 0-.19-1.59c6.25-1.14 10.75-3.8 11.16-6.94C47.04 36.8 47 39 47 41z"
/>
<path
fill="#cad9fc"
d="M46.97 34.47c-.189 1.45-1.259 2.794-2.961 3.937C44.006 39.3 44 40.171 44 41c0 3.2-4.243 5.961-10.359 7.238a7.08 7.08 0 0 1-.731.572C40.97 48.02 47 44.82 47 41c0-2 .04-4.2-.03-6.53z"
/>
<path
fill="#e8edfc"
d="M25.09 48.81C17.03 48.02 11 44.82 11 41c0-2.01-.04-4.2.03-6.54.4 3.15 4.9 5.81 11.15 6.95a7.026 7.026 0 0 0 2.91 7.4z"
/>
<path
fill="#cad9fc"
d="M19.18 41.41a7.018 7.018 0 0 0 2.179 6.828c1.232.258 2.478.449 3.731.572a7.026 7.026 0 0 1-2.91-7.4z"
/>
<path
fill="#e8edfc"
d="M36 43a7.034 7.034 0 1 1-.19-1.59c.13.52.193 1.054.19 1.59z"
/>
<path
fill="#cad9fc"
d="M35.81 41.41a6.906 6.906 0 0 0-8.31-5.23 6.974 6.974 0 0 1 5.31 5.23c.13.52.193 1.054.19 1.59a6.926 6.926 0 0 1-5.5 6.821c.492.113.995.173 1.5.179a6.992 6.992 0 0 0 7-7 6.411 6.411 0 0 0-.19-1.59z"
/>
<circle cx="29" cy="43" r="3" fill="#e8edfc" />
</g>
<path
fill="#fff"
d="M28.5 59.982a62.101 62.101 0 0 0 3 0C16.177 59.605 4 53.487 4 46c0-3.746 3.055-7.143 8.012-9.652.441-.224.897-.44 1.367-.649l.157-.07c.488-.214.986-.422 1.5-.619h.01C15.28 28.12 16.45 20.06 22 12c5.715-8.3 10.78-9.769 14.21-9.988C36.142 2.01 36.066 2 36 2c-.173 0-.36 0-.556-.008-.634-.013-1.383-.034-2.233.02C29.78 2.231 24.716 3.7 19 12c-5.55 8.06-6.72 16.12-6.95 23.01h-.01c-.517.2-1.015.405-1.5.619l-.157.07c-.471.21-.927.426-1.367.649C4.055 38.857 1 42.254 1 46c0 7.487 12.178 13.605 27.5 13.982z"
/>
<path
fill="#fff"
d="m4.025 38.419 1.307 1.514A8.378 8.378 0 0 0 2 46H0a8.709 8.709 0 0 1 1.226-4.3 12.983 12.983 0 0 1 2.799-3.281z"
/>
<g fill="#428dff">
<path d="M2.1 43.181a1 1 0 0 1-.011-2H2.1a1 1 0 0 1 0 2z" />
<path
d="M48.927 34.326a52.11 52.11 0 0 0-1.061-8.814l.154.085a2 2 0 0 0 1.994-.039L54 23.168l2.416 1.447a2 2 0 0 0 2.968-2.2l-2.191-8.745a2.008 2.008 0 0 0-2.268-1.506l-4.171.712a17.757 17.757 0 0 0-4.047-7.583A16.6 16.6 0 0 0 36 1c-.208 0-.432 0-.672-.01C31.9.916 25.513.773 18.176 11.433c-5.647 8.2-6.833 16.416-7.106 22.891a25.461 25.461 0 0 0-7.045 4.095.978.978 0 0 0-.082 1.434c.372.384.976.419 1.389.08a22.452 22.452 0 0 1 5.681-3.406 168.54 168.54 0 0 0-.018 3.867L11 42c0 4.283 6.065 7.875 14.772 8.779a7.931 7.931 0 0 0 8.456 0C42.935 49.875 49 46.283 49 42l.005-1.6c.007-1.249 0-2.547-.018-3.885C54.658 38.979 58 42.463 58 46c0 7.047-12.822 13-28 13S2 53.047 2 46a1 1 0 0 0-2 0c0 8.411 13.178 15 30 15s30-6.589 30-15c0-4.615-4.031-8.844-11.073-11.674zm-29.1-21.759c6.722-9.769 12.4-9.647 15.46-9.578C35.54 3 35.779 3 36 3a14.845 14.845 0 0 1 9.293 3.707 16.089 16.089 0 0 1 3.53 6.689 1.99 1.99 0 0 0 2.252 1.44l4.175-.693 2.194 8.757-2.411-1.444a1.988 1.988 0 0 0-2.056-.006l-3.991 2.394-1.786-.99a38.372 38.372 0 0 0-5.38-11.421 1 1 0 1 0-1.646 1.134A36.449 36.449 0 0 1 45.4 23.793a47.993 47.993 0 0 1 1.558 11.241v.025c0 .113.009.221.013.335-.367 2.423-4.114 4.722-9.464 5.857a7.986 7.986 0 0 0-15.007 0c-5.36-1.136-9.11-3.442-9.464-5.871.184-6.323 1.137-14.611 6.788-22.813zM13 42v-2.917c1.887 1.806 5.029 3.261 9.049 4.115-.03.266-.046.534-.049.802a7.952 7.952 0 0 0 1.334 4.414C17.282 47.3 13 44.735 13 42zm11 2a6 6 0 1 1 12 0 6 6 0 0 1-12 0zm23-2c0 2.735-4.282 5.3-10.334 6.414a7.952 7.952 0 0 0 1.293-5.214c4.019-.855 7.161-2.31 9.049-4.116v1.308z"
/>
<path
d="M16 36.538h.025c.549-.02.987-.463 1-1.012.18-6.122 1.044-13.368 6.09-20.692a1 1 0 0 0-1.644-1.134c-5.341 7.753-6.253 15.355-6.443 21.855a.966.966 0 0 0 .972.983zM30 40a4 4 0 1 0 0 8 4 4 0 0 0 0-8zm0 6a2 2 0 1 1 0-4 2 2 0 0 1 0 4z"
/>
</g>
</g>
</svg>
More icons in the same style and category