Add icons to this collection by clicking the heart icon.
Hat icon - also known as hat, fashion, magic, magician, magician hat, and wizard. Created in a clean lineal color 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0-9.176 20.275L1.816 39.05a7.314 7.314 0 0 1-6.877 11.372l-22.113-2.46-14.743 16.574a7.254 7.254 0 0 1-4.004 2.319 7.262 7.262 0 0 1-5.496-1.071l-9.059-62.096 1.901-19.199a7.258 7.258 0 0 1 1.877-4.357 7.3 7.3 0 0 1 10.313-.492l16.444 14.987 21.734-4.757A7.3 7.3 0 0 1 0 0m-8.207-10.131z"
transform="translate(157.606 124.048)"
fill="#f463a8"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0 19.312-10.994 2.175-21.967a7.269 7.269 0 0 1 1.876-4.358 7.304 7.304 0 0 1 10.315-.493l16.443 14.988 21.734-4.756a7.301 7.301 0 0 1 8.208 10.129L71.994.379 33.171 49.536a7.287 7.287 0 0 1-7.63-5.809l-4.484-21.746L.675 13.056l.007-.015A7.298 7.298 0 0 1 0 0m71.855-27.582z"
transform="translate(244.733 186.297)"
fill="#f463a8"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0 21.735-4.756a7.298 7.298 0 0 1 8.206 10.129l-9.175 20.276 10.992 18.774a7.316 7.316 0 0 1-6.876 11.373l-22.114-2.46-14.744 16.575a7.287 7.287 0 0 1-12.604-3.36l-4.484-21.745-20.381-8.926.007-.015a7.298 7.298 0 0 1-.682-13.041l19.311-10.994 2.174-21.967a7.302 7.302 0 0 1 12.192-4.85zm21.734-4.758z"
transform="translate(178.345 263.913)"
fill="#f463a8"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-50.649-3.599-98.122-22.814-145.135-41.844-46.073-18.65-91.665-37.104-135.136-37.585-.577-.007-1.154-.01-1.731-.009-35.134-.025-36.629-35.606-3.742-35.583 53.743 0 104.313 20.469 155.425 41.158 47.766 19.336 96.05 38.881 143.283 38.88C48.099-34.959 49.593.622 16.706.6 11.097.6 5.529.393 0 0"
transform="translate(365.418 125.022)"
fill="#f463a8"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0-37.56-140.173 24.737-31.321L30.907-8.292 17.585 3.85Z"
transform="translate(327.813 360.37)"
fill="#ffeeda"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0 13.322-12.142 6.557-5.973a8.78 8.78 0 0 1 5.049-2.249 8.822 8.822 0 0 1 9.663 7.892l2.65 26.772 22.854 13.01a8.843 8.843 0 0 1-.325 16.061l-24.637 10.79-5.416 26.263a8.81 8.81 0 0 1-15.226 4.1L-3.346 64.472l-26.73 2.973-.002-.019a8.822 8.822 0 0 1-8.596-13.24l13.572-23.182-11.001-24.31a8.786 8.786 0 0 1-.668-5.697 8.825 8.825 0 0 1 10.499-6.748l8.687 1.901zm19.877-18.116z"
transform="translate(345.397 364.22)"
fill="#f463a8"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-7.646 1.109-14.745-4.189-15.854-11.836l-25.157-172.436-2.592-17.764a7.268 7.268 0 0 0 5.497 1.071 7.253 7.253 0 0 0 4.003-2.319l14.744-16.574 22.113 2.46a7.314 7.314 0 0 0 6.877-11.373l-10.992-18.774 9.175-20.275a7.3 7.3 0 0 0-8.207-10.13l-21.734 4.757-16.443-14.988a7.3 7.3 0 0 0-10.314.493 7.262 7.262 0 0 0-1.877 4.357l-1.9 19.198-11.984-82.141c43.471.48 89.063 18.934 135.136 37.585 47.013 19.029 94.486 38.245 145.138 41.84l-48.693 61.657 8.068-17.83a7.3 7.3 0 0 0-8.207-10.129l-21.735 4.755-16.443-14.987a7.303 7.303 0 0 0-12.19 4.851l-2.175 21.967-19.313 10.994a7.297 7.297 0 0 0 .682 13.041l-.007.014 20.382 8.926 4.484 21.745a7.288 7.288 0 0 0 7.63 5.81l-11.133 14.097L8.975-5.183A13.943 13.943 0 0 1 0 0m166.797-233.151ZM-.393-277.95Zm50.681 145.239-21.735 4.756-16.444-14.987a7.3 7.3 0 0 0-12.191 4.85l-2.174 21.967-19.311 10.994a7.296 7.296 0 0 0-2.754 9.946 7.253 7.253 0 0 0 3.435 3.095l-.007.015 20.381 8.926 4.485 21.745a7.286 7.286 0 0 0 12.604 3.36L31.32-74.619l22.115 2.46a7.315 7.315 0 0 0 6.876-11.373l-10.993-18.774 9.176-20.276a7.299 7.299 0 0 0-8.206-10.129"
transform="translate(149.792 391.868)"
fill="#ffa6d5"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-32.887-.022-31.393 35.559 3.742 35.583 43.991 0 90.182 18.697 136.866 37.594 52.146 21.108 104.857 42.444 161.841 42.444 32.888.023 31.394-35.558-3.742-35.583-47.232 0-95.517-19.544-143.283-38.879C104.313 20.47 53.743 0 0 0Z"
transform="translate(79.674 10.001)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c1.109 7.646 8.207 12.945 15.854 11.836a13.94 13.94 0 0 0 8.975-5.183l108.005-136.756 98.648-124.91M-48.79-334.437l23.634 162 10.719 73.485"
transform="translate(133.938 380.032)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 14.743-16.575 22.113 2.461a7.315 7.315 0 0 0 6.877-11.373L32.741-44.261l9.175-20.276a7.298 7.298 0 0 0-8.206-10.129v-.002L11.976-69.91-4.468-84.897a7.3 7.3 0 0 0-12.191 4.85l-2.174 21.967-19.313 10.994a7.298 7.298 0 0 0 .682 13.041l-.007.015 20.382 8.926 4.485 21.745A7.287 7.287 0 0 0 0 0Z"
transform="translate(166.37 333.823)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 14.744-16.575 22.113 2.46a7.315 7.315 0 0 0 6.876-11.372L32.742-44.262l9.175-20.275a7.298 7.298 0 0 0-8.206-10.129v-.002L11.976-69.91-4.468-84.897a7.298 7.298 0 0 0-10.312.492 7.265 7.265 0 0 0-1.878 4.357l-1.9 19.198 9.059 62.097a7.26 7.26 0 0 0 5.495 1.071A7.257 7.257 0 0 0 0 0Z"
transform="translate(115.689 188.585)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 8.068-17.83A7.298 7.298 0 0 0-.138-27.959l-.001-.002-21.734 4.758-16.443-14.987a7.302 7.302 0 0 0-12.191 4.85l-2.174 21.967L-71.993-.379a7.298 7.298 0 0 0-2.754 9.946 7.258 7.258 0 0 0 3.435 3.095l-.006.015 20.381 8.926 4.484 21.745a7.288 7.288 0 0 0 7.631 5.809z"
transform="translate(316.727 186.676)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 .039.266M-8.628-59.14l4.481 30.71"
transform="translate(128.129 340.22)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 5.416-26.263 24.637-10.79a8.841 8.841 0 0 0 .325-16.06L7.524-66.124 4.875-92.895a8.824 8.824 0 0 0-14.713-5.643l-.002-.002-19.877 18.117-26.272-5.752a8.827 8.827 0 0 0-9.83 12.446l11.001 24.31-13.573 23.182a8.822 8.822 0 0 0 3.129 12.076 8.778 8.778 0 0 0 5.466 1.164l.003.018 26.73-2.973 17.837 20.053A8.81 8.81 0 0 0 0 0Z"
transform="translate(375.116 444.64)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 37.56 140.174m30.907-8.293L24.736-31.321"
transform="translate(290.255 220.194)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-4.142-15.454"
transform="translate(382.33 502.002)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 8.001-13.856"
transform="translate(303.272 491.594)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 15.455-4.142"
transform="translate(254.73 428.333)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 13.856 8"
transform="translate(265.139 349.276)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-8 13.856"
transform="translate(407.457 311.143)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-15.455 4.142"
transform="translate(455.999 374.403)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-13.856-8"
transform="translate(445.59 453.46)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 .135-.233"
transform="translate(421.821 286.26)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category