Add icons to this collection by clicking the heart icon.
Party Hat icon - also known as costume, celebration, decoration, carnival, fun, festival, party hat, and birthday and party. Created in a clean lineal 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="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-343.455l171.727 416.187z"
transform="matrix(1.33333 0 0 -1.33333 570.303 629.566)"
fill="#a2f5c3"
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 0h220.614l-85.833 208.019c-10.265-33.687-26.73-70.031-49.006-105.893C59.866 60.413 29.889 25.458 0 0"
transform="translate(207.113 39.825)"
fill="#88f2a9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c5.737 0 11.277.843 16.521 2.387L0 42.427l-16.521-40.04A58.397 58.397 0 0 1 0 0"
transform="translate(256 413.585)"
fill="#88f2a9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-260.926-150.646-10.184-24.683h32.082L12.438-30.145Z"
transform="translate(355.383 215.154)"
fill="#e175a5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-1.244 3.017-11.194 27.128-33.423-19.297C-54.06-6.979-63.765-25.079-74.933-43.059c-.067-.108-.136-.213-.204-.321z"
transform="translate(367.821 185.01)"
fill="#de5791"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-12.438 30.145-180.646-104.296-20.219-48.999Z"
transform="translate(337.244 259.115)"
fill="#e175a5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-20.218-48.999 133.022 76.8-12.438 30.145z"
transform="translate(193.862 305.42)"
fill="#e175a5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-12.438 30.145-175.324-101.224h64.651z"
transform="translate(398.398 110.904)"
fill="#de5791"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-367.699a8.081 8.081 0 0 0-8.081 8.082v16.162a8.081 8.081 0 0 0 8.081 8.081H0a8.081 8.081 0 0 0 8.081-8.081V8.082A8.081 8.081 0 0 0 0 0"
transform="translate(439.85 7.5)"
fill="#e9a761"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-26.684a8.081 8.081 0 0 0 8.081-8.081v-16.163a8.081 8.081 0 0 0-8.081-8.081H0a8.081 8.081 0 0 1 8.081 8.081v16.163A8.081 8.081 0 0 1 0 0"
transform="translate(439.85 39.825)"
fill="#e69642"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-17.853-14.473-32.325-32.325-32.325C-50.178-32.325-64.65-17.853-64.65 0s14.472 32.325 32.325 32.325C-14.473 32.325 0 17.853 0 0"
transform="translate(288.325 472.175)"
fill="#f7e365"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a32.187 32.187 0 0 0 2.809-13.175c0-17.853-14.473-32.325-32.326-32.325-4.694 0-9.15 1.008-13.174 2.808 5.044-11.283 16.358-19.15 29.516-19.15 17.853 0 32.325 14.472 32.325 32.325C19.15-16.358 11.283-5.044 0 0"
transform="translate(269.175 501.692)"
fill="#f3d332"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-188.68-108.93"
transform="translate(283.14 173.44)"
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-41.93-24.21"
transform="translate(355.38 215.15)"
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 251.467 145.185"
transform="translate(116.355 39.825)"
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 213.303 123.15"
transform="translate(123.941 135.965)"
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-180.646-104.296"
transform="translate(324.806 289.26)"
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 133.021 76.8"
transform="translate(173.644 256.42)"
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-100.366-57.946"
transform="translate(294.228 363.366)"
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 123.111 71.079"
transform="translate(275.287 39.825)"
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-175.324-101.224"
transform="translate(385.96 141.049)"
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 0h36.39c4.46 0 8.08-3.62 8.08-8.09v-16.16c0-4.46-3.62-8.08-8.08-8.08h-367.7c-4.46 0-8.08 3.62-8.08 8.08v16.16c0 4.47 3.62 8.09 8.08 8.09H-35"
transform="translate(403.46 39.83)"
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-165.33 400.66"
transform="translate(427.73 39.83)"
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-135.591-328.58"
transform="translate(219.86 368.41)"
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-16.39-39.72"
transform="translate(249.6 440.49)"
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 0c0-17.853-14.473-32.325-32.325-32.325C-50.178-32.325-64.65-17.853-64.65 0s14.472 32.325 32.325 32.325C-14.473 32.325 0 17.853 0 0Z"
transform="translate(288.325 472.175)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category