Add icons to this collection by clicking the heart icon.
Party Hat icon - also known as costume, celebration, party hat, birthday and party, and fun hat. 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="SVGID_1_"
        gradientUnits="userSpaceOnUse"
        x1="159.196"
        x2="130.946"
        y1="46.158"
        y2="53.908"
    >
        <stop offset="0" stop-color="#f1a800" />
        <stop offset=".9973" stop-color="#ffb054" />
    </linearGradient>
    <linearGradient
        id="SVGID_2_"
        gradientUnits="userSpaceOnUse"
        x1="72.699"
        x2="69.949"
        y1="60.317"
        y2="79.817"
    >
        <stop offset="0" stop-color="#e05c63" />
        <stop offset=".4062" stop-color="#dd585f" />
        <stop offset=".8264" stop-color="#d34b53" />
        <stop offset="1" stop-color="#cd444c" />
    </linearGradient>
    <linearGradient
        id="SVGID_3_"
        gradientUnits="userSpaceOnUse"
        x1="60.277"
        x2="57.532"
        y1="49.911"
        y2="77.857"
    >
        <stop offset="0" stop-color="#198cc3" />
        <stop offset="1" stop-color="#12639a" />
    </linearGradient>
    <linearGradient id="lg1">
        <stop offset=".0399" stop-color="#fb9e4b" />
        <stop offset=".8094" stop-color="#f37e3e" />
    </linearGradient>
    <linearGradient
        id="SVGID_4_"
        gradientUnits="userSpaceOnUse"
        x1="-15.115"
        x2="-5.615"
        y1="15.922"
        y2="17.922"
        href="#lg1"
    />
    <linearGradient
        id="SVGID_5_"
        gradientUnits="userSpaceOnUse"
        x1="-19.144"
        x2="-9.644"
        y1="35.06"
        y2="37.06"
        href="#lg1"
    />
    <linearGradient
        id="SVGID_6_"
        gradientUnits="userSpaceOnUse"
        x1="-23.173"
        x2="-13.673"
        y1="54.198"
        y2="56.198"
        href="#lg1"
    />
    <linearGradient
        id="SVGID_7_"
        gradientUnits="userSpaceOnUse"
        x1="-27.202"
        x2="-17.702"
        y1="73.336"
        y2="75.336"
        href="#lg1"
    />
    <linearGradient
        id="SVGID_8_"
        gradientUnits="userSpaceOnUse"
        x1="-31.231"
        x2="-21.731"
        y1="92.474"
        y2="94.474"
        href="#lg1"
    />
    <g>
        <path d="m64 12-53 106h106.027z" fill="url(#SVGID_1_)" />
        <path
            d="m122 126h-116c-2.209 0-4-1.791-4-4 0-2.209 1.791-4 4-4h116c2.209 0 4 1.791 4 4 0 2.209-1.791 4-4 4z"
            fill="url(#SVGID_2_)"
        />
        <path
            d="m73 15c.316-.973 2-1.921 2-3s-1.684-2.027-2-3c-.328-1.009.611-2.16 0-3-.617-.848-2.152-.383-3-1-.84-.611-1.939-3-3-3-1 0-1.921 1-3 1s-2-1-3-1c-1.061 0-2.16 2.389-3 3-.848.617-2.383.152-3 1-.611.84.328 1.991 0 3-.316.973-2 1.921-2 3s1.684 2.027 2 3c.328 1.009-.611 2.16 0 3 .617.848 2.152.383 3 1 .84.611 1.939 3 3 3 1 0 1.921-1 3-1s2 1 3 1c1.061 0 2.16-2.389 3-3 .848-.617 2.383-.152 3-1 .611-.84-.328-1.991 0-3z"
            fill="url(#SVGID_3_)"
        />
        <path
            d="m52.366 35.269 25.815 5.078-5.549-11.092-15.714-3.091z"
            fill="url(#SVGID_4_)"
        />
        <path
            d="m43.261 53.478 46.017 9.052-5.549-11.091-35.916-7.066z"
            fill="url(#SVGID_5_)"
        />
        <path
            d="m34.157 71.687 66.218 13.026-5.549-11.091-56.117-11.04z"
            fill="url(#SVGID_6_)"
        />
        <path
            d="m25.052 89.896 86.42 17-5.549-11.091-76.319-15.014z"
            fill="url(#SVGID_7_)"
        />
        <path
            d="m15.948 108.104 50.302 9.896h50.777l-.007-.012-96.52-18.988z"
            fill="url(#SVGID_8_)"
        />
    </g>
</svg>
More icons in the same style and category