Add icons to this collection by clicking the heart icon.
Magic Hat icon - also known as entertainment, wand, magician, wizard, magic trick, magic hat, disappear, and birthday and party. Created in a clean flat 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 128 128"
>
<linearGradient id="a">
<stop offset="0" stop-color="#e2dcca" />
<stop offset=".667" stop-color="#f4eadd" />
</linearGradient>
<linearGradient
id="d"
x1="36.873"
x2="24.982"
y1="56.287"
y2="8.724"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#f08674" />
<stop offset=".287" stop-color="#ed8272" />
<stop offset=".585" stop-color="#e5756c" />
<stop offset=".887" stop-color="#d86163" />
<stop offset="1" stop-color="#d2575e" />
</linearGradient>
<linearGradient
id="e"
x1="35.516"
x2="49.266"
y1="35.099"
y2="31.349"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="12.839"
x2=".949"
y1="56.287"
y2="8.724"
gradientTransform="matrix(-1 0 0 1 82.011 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="11.482"
x2="25.232"
y1="35.099"
y2="31.349"
gradientTransform="matrix(-1 0 0 1 82.011 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#58595b" />
<stop offset="1" stop-color="#414042" />
</linearGradient>
<linearGradient
id="h"
x1="59.772"
x2="58.692"
y1="1.124"
y2="16.78"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="i"
x1="56.248"
x2="55.273"
y1="6.65"
y2="20.798"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="51.628"
x2="49.905"
y1="91.696"
y2="123.458"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#dc464e" />
<stop offset="1" stop-color="#c72e37" />
</linearGradient>
<linearGradient
id="k"
x1="43.309"
x2="67.671"
y1="72.887"
y2="73.545"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="105.333"
x2="184.812"
y1="12.678"
y2="14.422"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd385" />
<stop offset=".824" stop-color="#ff9b34" />
</linearGradient>
<path
fill="url(#d)"
d="M47 66S49 3 26 3C3.54 3 15.668 29.264 21.596 39.248 27.523 49.232 31.952 67 31.952 67z"
/>
<path
fill="url(#e)"
d="M35 57s-3.52-6.635-9-19c-2.617-5.635-13-24 2-24 0 0 8.533-1.383 12 18 .533 3.617 2.151 12.346 2 25z"
/>
<path
fill="url(#f)"
d="M59.044 66s-2-63 21-63c22.46 0 10.332 26.264 4.404 36.248C78.521 49.232 74.092 67 74.092 67z"
/>
<path
fill="url(#g)"
d="M71.044 57s3.52-6.635 9-19c2.617-5.635 13-24-2-24 0 0-8.533-1.383-12 18-.533 3.617-2.151 12.346-2 25z"
/>
<path
fill="url(#h)"
d="M86 65H19c0 22.125-1.143 42.161-2 53-.322 4.071 2.917 8 7 8h57c4.083 0 7.322-3.929 7-8-.857-10.839-2-30.875-2-53z"
/>
<path fill="url(#i)" d="M95 65H10a4 4 0 0 1 0-8h85a4 4 0 0 1 0 8z" />
<path
fill="url(#j)"
d="M86 65H19c0 5.153-.15 9.794-.394 14h67.788A241.119 241.119 0 0 1 86 65z"
/>
<path
fill="url(#k)"
d="M119 126h4a1 1 0 0 0 1-1V24h-6v101a1 1 0 0 0 1 1z"
/>
<path fill="url(#l)" d="M124 24h-6V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2z" />
</svg>
More icons in the same style and category