Add icons to this collection by clicking the heart icon.
Party Hat icon - also known as costume, costumes, fancy, miscellaneous, party hat, 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="#cd464e" />
<stop offset="1" stop-color="#b82e37" />
</linearGradient>
<linearGradient
id="c"
x1="-58.323"
x2="-5.573"
y1="58.449"
y2="58.699"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="64.263"
x2="63.764"
y1="5.798"
y2="142.798"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1980b4" />
<stop offset="1" stop-color="#12638b" />
</linearGradient>
<linearGradient
id="e"
x1="-73.727"
x2="-33.227"
y1="121.16"
y2="119.16"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#d3cdbb" />
<stop offset=".667" stop-color="#e5dbce" />
</linearGradient>
<linearGradient
id="f"
x1="31.332"
x2="29.082"
y1="93.255"
y2="84.755"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="51.892"
x2="49.642"
y1="87.813"
y2="79.313"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="72.451"
x2="70.201"
y1="82.371"
y2="73.871"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="93.011"
x2="90.761"
y1="76.929"
y2="68.429"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="-335.919"
x2="416.081"
y1="56.244"
y2="78.244"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="-335.947"
x2="416.054"
y1="57.353"
y2="79.353"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="-335.342"
x2="416.658"
y1="36.676"
y2="58.676"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="-335.375"
x2="416.625"
y1="37.809"
y2="59.809"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="-335.408"
x2="416.592"
y1="38.951"
y2="60.951"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="o"
x1="-334.802"
x2="417.198"
y1="18.243"
y2="40.243"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="-334.837"
x2="417.163"
y1="19.419"
y2="41.419"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="q"
x1="-334.264"
x2="417.736"
y1="-.159"
y2="21.841"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="r"
x1="-334.237"
x2="417.763"
y1="-1.081"
y2="20.919"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="s"
x1="-334.299"
x2="417.701"
y1="1.033"
y2="23.033"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#c)"
d="M97 2H31c-10.392 0-17 9-17 19l5 95h90l5-95c0-10-6.608-19-17-19z"
/>
<path fill="url(#d)" d="m17 78 2 38h90l2-38z" />
<path
fill="url(#e)"
d="M64.01 111c-22 0-32.002-2-48-5.007-17.75-5.25-16.5 11.917-8 13.992 17.974 4.389 36.062 6.014 56 6.014s38.026-1.619 56-6.008c8.5-2.076 9.75-19.242-8-13.992-15.998 3.008-26 5.001-48 5.001z"
/>
<path fill="url(#f)" d="m31 85 3 5 6 2-4 4 1 6-6-3-6 3 1-6-4-4 6-2z" />
<path fill="url(#g)" d="m53 85 3 5 6 2-4 4 1 6-6-3-6 3 1-6-4-4 6-2z" />
<path fill="url(#h)" d="m75 85 3 5 6 2-4 4 1 6-6-3-6 3 1-6-4-4 6-2z" />
<path fill="url(#i)" d="m97 85 3 5 6 2-4 4 1 6-6-3-6 3 1-6-4-4 6-2z" />
<path fill="url(#j)" d="M73 78h19.333L93 59H73.5z" />
<path fill="url(#k)" d="M35.667 78H55l-.5-19H35z" />
<path fill="url(#l)" d="M93 59h19l1-19H93.667z" />
<path fill="url(#m)" d="M54.5 59h19l.5-19H54z" />
<path fill="url(#n)" d="M16 59h19l-.667-19H15z" />
<path fill="url(#o)" d="M74 40h19.667l.666-19H74.5z" />
<path fill="url(#p)" d="M34.333 40H54l-.5-19H33.667z" />
<path fill="url(#q)" d="M74.5 21 75 2H53l.5 19z" />
<path fill="url(#r)" d="M114 21c0-10-6.608-19-17-19h-2l-.667 19z" />
<path fill="url(#s)" d="M33 2h-2c-10.392 0-17 9-17 19h19.667z" />
</svg>
More icons in the same style and category