Add icons to this collection by clicking the heart icon.
Party Hat icon - also known as hat, costume, carnival, new year, celebrate, party hat, and birthday and party. Created in a clean lineal color style with a black, red, yellow, and orange finish, 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>
<path
d="M0 0h-293.301l131.25 289.28h30.801z"
transform="matrix(1.33333 0 0 -1.33333 536.867 499.773)"
fill="#ffe04a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-37.42l-99.07 289.28h5.24z"
transform="matrix(1.33333 0 0 -1.33333 536.867 499.773)"
fill="#ffb64d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0-22.21-18.011-40.22-40.23-40.22-4.361 0-8.571.69-12.5 1.98C-68.83-32.98-80.461-17.85-80.461 0c0 17.86 11.631 32.99 27.731 38.25a40.037 40.037 0 0 0 12.5 1.98C-18.011 40.23 0 22.22 0 0"
transform="translate(296.23 464.29)"
fill="#ff734d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-22.21-18.011-40.22-40.23-40.22-4.361 0-8.571.69-12.5 1.98C-36.631-32.98-25-17.85-25 0c0 17.86-11.631 32.99-27.73 38.25a40.037 40.037 0 0 0 12.5 1.98C-18.011 40.23 0 22.22 0 0"
transform="translate(296.23 464.29)"
fill="#ff3b3b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-11.08-8.97-20.05-20.029-20.05H-313.33a19.938 19.938 0 0 0-14.16 5.87A19.984 19.984 0 0 0-333.359 0c0 11.07 8.969 20.04 20.029 20.04h293.301c5.529 0 10.539-2.24 14.16-5.87A19.96 19.96 0 0 0 0 0"
transform="translate(422.68 117.13)"
fill="#ff734d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a19.96 19.96 0 0 0 5.869-14.17c0-11.08-8.97-20.05-20.029-20.05h-35c11.059 0 20.029 8.97 20.029 20.05 0 5.53-2.24 10.55-5.869 14.17a19.938 19.938 0 0 1-14.16 5.87h35C-8.631 5.87-3.621 3.63 0 0"
transform="translate(416.81 131.3)"
fill="#ff3b3b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-67 287.234h-8.841L-142.841 0Z"
transform="translate(327.816 137.174)"
fill="#ff9852"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-23.122-50.962h293.299L138.928 238.316"
transform="translate(132.473 188.136)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-93.253-205.532"
transform="translate(240.6 426.453)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a40.079 40.079 0 0 0-26.01-9.535c-22.217 0-40.226 18.002-40.226 40.207 0 22.206 18.009 40.207 40.226 40.207s40.227-18.001 40.227-40.207"
transform="translate(282.01 433.621)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0c14.047 0 25.435 11.382 25.435 25.422v49.699c0 19.057 15.456 34.505 34.522 34.505"
transform="translate(29.367 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0c-14.047 0-25.435 11.382-25.435 25.422v49.699c0 19.057-15.456 34.505-34.522 34.505"
transform="translate(482.633 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h20c11.061 0 20.026 8.976 20.026 20.048 0 11.072-8.965 20.048-20.026 20.048h-293.299c-11.06 0-20.026-8.976-20.026-20.048C-293.325 8.976-284.359 0-273.299 0h238.302"
transform="translate(382.65 97.078)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-67-287.234"
transform="translate(251.976 424.409)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 67-287.234"
transform="translate(260.816 424.409)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category