Add icons to this collection by clicking the heart icon.
Party Hat icon - also known as hat, birthday, party, celebration, hats, fun, party hat, and birthday and party. Created in a clean gradient 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="100"
height="100"
viewBox="0 0 511.995 511.995"
>
<linearGradient
id="a"
x1="-45.082"
x2="18.638"
y1="587.688"
y2="587.688"
gradientTransform="matrix(8.5313 0 0 -8.5313 369.054 5431.92)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M187.747 392.556h-34.125a8.534 8.534 0 0 0-8.531 8.531v34.125a8.534 8.534 0 0 0 8.531 8.531h34.125a8.534 8.534 0 0 0 8.531-8.531v-34.125a8.534 8.534 0 0 0-8.531-8.531zm-8.532 34.126h-17.063v-17.063h17.063v17.063z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-45.082"
x2="18.638"
y1="587.688"
y2="587.688"
gradientTransform="matrix(8.5313 0 0 -8.5313 369.054 5431.92)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M273.06 392.556h-34.125a8.534 8.534 0 0 0-8.531 8.531v34.125a8.534 8.534 0 0 0 8.531 8.531h34.125a8.534 8.534 0 0 0 8.531-8.531v-34.125c.001-4.709-3.821-8.531-8.531-8.531zm-8.531 34.126h-17.063v-17.063h17.063v17.063z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-45.082"
x2="18.638"
y1="587.688"
y2="587.688"
gradientTransform="matrix(8.5313 0 0 -8.5313 369.054 5431.92)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M358.374 392.556h-34.125a8.534 8.534 0 0 0-8.531 8.531v34.125a8.534 8.534 0 0 0 8.531 8.531h34.125a8.534 8.534 0 0 0 8.531-8.531v-34.125a8.534 8.534 0 0 0-8.531-8.531zm-8.532 34.126H332.78v-17.063h17.063v17.063z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-45.082"
x2="18.638"
y1="606.695"
y2="606.695"
gradientTransform="matrix(8.5313 0 0 -8.5313 369.054 5431.92)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M434.559 500.307 280.141 114.349c30.167-13.334 43.808-48.595 30.474-78.761-13.334-30.167-48.594-43.809-78.761-30.474s-43.808 48.595-30.474 78.761a59.702 59.702 0 0 0 30.474 30.474L77.437 500.307a8.525 8.525 0 0 0 7.934 11.688h341.254a8.503 8.503 0 0 0 7.081-3.754 8.526 8.526 0 0 0 .853-7.934zM145.773 375.494h220.45l34.125 85.313H111.647l34.126-85.313zm67.568-315.66c0-23.555 19.102-42.657 42.657-42.657s42.657 19.102 42.657 42.657-19.102 42.657-42.657 42.657c-23.555 0-42.657-19.094-42.657-42.657zm42.657 59.719c2.559 0 5.119 0 7.678-.512l95.722 239.389h-206.8l95.722-239.389c2.559.512 5.118.512 7.678.512zM97.997 494.932l6.825-17.063h302.351l6.825 17.063H97.997z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-45.082"
x2="18.638"
y1="597.692"
y2="597.692"
gradientTransform="matrix(8.5313 0 0 -8.5313 369.054 5431.92)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path d="M247.492 324.271h17.063v17.063h-17.063z" fill="url(#e)" />
<linearGradient
id="f"
x1="-45.082"
x2="18.638"
y1="597.692"
y2="597.692"
gradientTransform="matrix(8.5313 0 0 -8.5313 369.054 5431.92)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path d="M213.366 324.271h17.063v17.063h-17.063z" fill="url(#f)" />
<linearGradient
id="g"
x1="-45.082"
x2="18.638"
y1="597.692"
y2="597.692"
gradientTransform="matrix(8.5313 0 0 -8.5313 369.054 5431.92)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path d="M179.241 324.271h17.063v17.063h-17.063z" fill="url(#g)" />
<linearGradient
id="h"
x1="-45.082"
x2="18.638"
y1="597.692"
y2="597.692"
gradientTransform="matrix(8.5313 0 0 -8.5313 369.054 5431.92)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path d="M315.743 324.271h17.063v17.063h-17.063z" fill="url(#h)" />
<linearGradient
id="i"
x1="-45.082"
x2="18.638"
y1="597.692"
y2="597.692"
gradientTransform="matrix(8.5313 0 0 -8.5313 369.054 5431.92)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path d="M281.617 324.271h17.063v17.063h-17.063z" fill="url(#i)" />
</svg>
More icons in the same style and category