Add icons to this collection by clicking the heart icon.
Witch Hat icon - also known as hat, fashion, costume, halloween, magic, magician, wizard, witch, and witch hat. Created in a clean 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="512pt"
height="512pt"
viewBox="0 -28 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#a4508b" />
<stop offset="1" stop-color="#701da0" />
</linearGradient>
<linearGradient
id="e"
x1="241.211"
x2="289.046"
y1="290.139"
y2="541.663"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#701da0" stop-opacity="0" />
<stop offset="1" stop-color="#2f004e" />
</linearGradient>
<linearGradient
id="f"
x1="249.295"
x2="285.332"
y1="333.222"
y2="522.71"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="283.366"
x2="303.933"
y1="3.292"
y2="111.436"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="289.243"
x2="271.552"
y1="44.404"
y2="75.091"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="351.993"
x2="243.707"
y1="455.508"
y2="221.988"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="190.781"
x2="420.858"
y1="196.575"
y2="196.575"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="k"
cx="175.945"
cy="296.05"
r="263.67"
gradientTransform="matrix(1.00392 0 0 .56812 0 100.826)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7f7979" />
<stop offset=".23" stop-color="#767071" />
<stop offset=".608" stop-color="#5d595a" />
<stop offset="1" stop-color="#3d3b3c" />
</radialGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#3d3b3c" stop-opacity="0" />
<stop offset="1" stop-color="#323031" />
</linearGradient>
<linearGradient
id="l"
x1="207.997"
x2="207.927"
y1="307.645"
y2="307.605"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="207.336"
x2="207.325"
y1="308.59"
y2="308.584"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="206.812"
x2="206.764"
y1="309.615"
y2="309.588"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="o"
x1="205.886"
x2="205.485"
y1="313.281"
y2="313.048"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="p"
x1="369.73"
x2="281.936"
y1="384.295"
y2="333.374"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="q"
x1="208.898"
x2="208.695"
y1="306.647"
y2="306.529"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="r"
x1="271.747"
x2="214.315"
y1="372.103"
y2="301.417"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="s"
x1="198.601"
x2="198.267"
y1="385.685"
y2="385.491"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="t"
x1="198.514"
x2="198.144"
y1="384.549"
y2="384.335"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="u"
x1="206.389"
x2="206.277"
y1="310.706"
y2="310.641"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="v"
x1="198.816"
x2="198.727"
y1="387.24"
y2="387.189"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="w"
x1="206.067"
x2="205.872"
y1="311.874"
y2="311.76"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="x"
x1="199.098"
x2="199.043"
y1="388.166"
y2="388.134"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="y"
x1="198.582"
x2="198.089"
y1="383.229"
y2="382.943"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="z"
x1="332.375"
x2="252.401"
y1="405.298"
y2="325.324"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#fff465" />
<stop offset="1" stop-color="#ffe600" />
</linearGradient>
<linearGradient
id="A"
x1="245.38"
x2="306.763"
y1="339.329"
y2="428.122"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="B"
x1="319.355"
x2="276.388"
y1="392.255"
y2="349.289"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffe600" stop-opacity="0" />
<stop offset="1" stop-color="#f59500" />
</linearGradient>
<linearGradient
id="C"
x1="277.498"
x2="277.498"
y1="345.196"
y2="361.214"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<path
fill="url(#e)"
d="M512 367.902c0-48.441-114.613-87.714-256-87.714S0 319.46 0 367.901s114.613 87.715 256 87.715 256-39.273 256-87.715zm0 0"
/>
<path
fill="url(#f)"
d="M256 447.14C116.734 447.14 3.445 410.88.082 365.73A28.746 28.746 0 0 0 0 367.902c0 48.446 114.613 87.715 256 87.715s256-39.273 256-87.715c0-.726-.027-1.449-.082-2.172-3.363 45.149-116.652 81.41-255.918 81.41zm0 0"
/>
<path
fill="url(#g)"
d="M256 0s42.371 37.398 75.68 59.445c5.601 3.711 3.433 12.407-3.258 13.028-19.297 1.785-48.617 2.824-72.422-3.563zm0 0"
/>
<path
fill="url(#h)"
d="M256 0s42.371 37.398 75.68 59.445c5.601 3.711 3.433 12.407-3.258 13.028-19.297 1.785-48.617 2.824-72.422-3.563zm0 0"
/>
<path
fill="url(#i)"
d="M512 367.902c0-48.441-114.613-87.714-256-87.714-51.05 0-98.605 5.12-138.54 13.945-10.03 22.101-16.362 36.156-16.491 36.562-2.465 3.59-3.774 7.32-3.774 11.149 0 6.562 3.82 12.832 10.766 18.597l93.144 93.145A736.276 736.276 0 0 0 256 455.613c141.387.004 256-39.27 256-87.71zm0 0"
/>
<path
fill="url(#j)"
d="M256 0c-5.348 0-154.395 328.707-155.031 330.695-2.465 3.59-3.774 7.32-3.774 11.149 0 28.336 71.102 51.304 158.805 51.304s158.805-22.968 158.805-51.304c0-3.828-1.309-7.559-3.774-11.149C411.031 330.695 262.793 0 256 0zm0 0"
/>
<path
fill="url(#k)"
d="M393.219 288.559a4.253 4.253 0 0 0-5.676-2.118C358.762 299.75 310 308.461 256 308.461c-53.973 0-102.707-8.7-131.496-21.996a4.252 4.252 0 0 0-5.668 2.105c-11.383 25.282-17.727 41.688-17.867 42.125-2.465 3.59-3.774 7.32-3.774 11.149 0 28.336 71.102 51.304 158.805 51.304s158.805-22.968 158.805-51.304c0-3.828-1.309-7.559-3.774-11.149 0 0-6.347-16.504-17.812-42.136zm0 0"
/>
<path fill="url(#l)" d="M207.762 307.898zm0 0" />
<path fill="url(#m)" d="M207.164 308.867zm0 0" />
<path
fill="url(#n)"
d="M206.645 309.898c.09-.199.187-.398.285-.593-.098.195-.192.394-.285.593zm0 0"
/>
<path fill="url(#o)" d="M205.602 313.758zm0 0" />
<path
fill="url(#p)"
d="m373.074 376.508-69.504-69.504a12.734 12.734 0 0 1 2.828 6.754l7.223 68.75a12.679 12.679 0 0 1-1.43 7.332c23.446-2.867 44.247-7.473 60.883-13.332zm0 0"
/>
<path fill="url(#q)" d="M209.16 306.188zm0 0" />
<path
fill="url(#r)"
d="M225.625 380.797c9.688.84 19.867 1.289 30.375 1.289s20.688-.45 30.375-1.29c4.664-.401 8.082-4.573 7.594-9.233l-4.762-45.301c-.469-4.485-4.398-7.797-8.895-7.489-7.843.54-15.972.829-24.312.829s-16.469-.29-24.313-.829c-4.496-.308-8.425 3.004-8.894 7.489l-4.762 45.3c-.488 4.66 2.93 8.833 7.594 9.235zm0 0"
/>
<path
fill="url(#s)"
d="M198.398 385.305c.024.195.055.382.086.574-.03-.192-.062-.379-.086-.574zm0 0"
/>
<path fill="url(#t)" d="M198.32 384.078zm0 0" />
<path fill="url(#u)" d="M206.215 311zm0 0" />
<path
fill="url(#v)"
d="M198.758 387.148c.012.047.02.09.031.133-.012-.043-.02-.086-.031-.133zm0 0"
/>
<path fill="url(#w)" d="M205.875 312.2zm0 0" />
<path
fill="url(#x)"
d="M199.059 388.113c.007.028.015.051.027.074-.012-.023-.02-.05-.027-.074zm0 0"
/>
<path fill="url(#y)" d="M198.379 382.508zm0 0" />
<path
fill="url(#z)"
d="m341.508 385.086-41.149-41.149a9.96 9.96 0 0 0-7.593-3.507H262.23a9.99 9.99 0 0 0-9.992 9.992 9.96 9.96 0 0 0 3.508 7.594l33.969 33.972c18.703-1.308 36.183-3.675 51.793-6.902zm0 0"
/>
<path
fill="url(#A)"
d="m313.621 382.508-7.223-68.75c-.714-6.805-6.675-11.832-13.503-11.363-11.903.816-24.239 1.253-36.895 1.253s-24.992-.437-36.895-1.253c-6.828-.47-12.789 4.558-13.503 11.363l-7.223 68.75c-.742 7.07 4.441 13.402 11.527 14.015 14.7 1.274 30.149 1.957 46.094 1.957s31.395-.683 46.094-1.957c7.086-.617 12.27-6.945 11.527-14.015zm-27.246-1.711c-9.688.84-19.867 1.289-30.375 1.289s-20.688-.45-30.375-1.29c-4.664-.401-8.082-4.573-7.594-9.233l4.762-45.301c.469-4.485 4.398-7.797 8.894-7.489 7.844.54 15.973.829 24.313.829s16.469-.29 24.313-.829c4.496-.308 8.425 3.004 8.894 7.489l4.762 45.3c.488 4.66-2.93 8.833-7.594 9.235zm0 0"
/>
<path
fill="url(#B)"
d="M292.766 340.43h-2.07l3.273 31.132c.488 4.66-2.93 8.833-7.598 9.235-2.398.21-4.832.394-7.293.555l15.746 15.742c2.438-.176 4.867-.364 7.27-.57 7.082-.614 12.27-6.946 11.527-14.016l-2.973-28.281-10.289-10.29a9.96 9.96 0 0 0-7.593-3.507zm0 0"
/>
<path
fill="url(#C)"
d="M292.766 360.414H262.23c-5.52 0-9.992-4.476-9.992-9.992a9.99 9.99 0 0 1 9.992-9.992h30.536c5.515 0 9.992 4.472 9.992 9.992 0 5.515-4.473 9.992-9.992 9.992zm0 0"
/>
</svg>
More icons in the same style and category