Add icons to this collection by clicking the heart icon.
Party Hat icon - also known as costume, celebration, carnival, fun, 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"
        x1="64"
        x2="64"
        y1="-129"
        y2="175.678"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#58595b" />
        <stop offset="1" stop-color="#414042" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="59.898"
        x2="67.148"
        y1="22.07"
        y2="136.82"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffc580" />
        <stop offset=".824" stop-color="#ff8d34" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="82"
        x2="103.214"
        y1="72"
        y2="72"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#cd464e" />
        <stop offset="1" stop-color="#b82e37" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="111.921"
        x2="122.421"
        y1="90.161"
        y2="92.411"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e18074" />
        <stop offset=".308" stop-color="#de7c72" />
        <stop offset=".628" stop-color="#d56f6b" />
        <stop offset=".952" stop-color="#c65b60" />
        <stop offset="1" stop-color="#c3575e" />
    </linearGradient>
    <linearGradient
        id="e"
        x1="87.999"
        x2="126.007"
        y1="74.5"
        y2="74.5"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#5098c2" />
        <stop offset="1" stop-color="#1980b4" />
    </linearGradient>
    <linearGradient
        id="f"
        x1="70.992"
        x2="130.992"
        y1="66.767"
        y2="94.267"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#1980b4" />
        <stop offset="1" stop-color="#12638b" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="m17 30 5 79h84l5-79c0-10-7.608-19-18-19H34c-10.392 0-17 9-17 19z"
    />
    <path fill="url(#b)" d="M20.673 86 22 109h84l1.327-23z" />
    <path
        fill="url(#c)"
        d="M88.086 109s-13-18-1-41c0 0 9-15 8-33 8 15 16 55-7 74z"
    />
    <path
        fill="url(#d)"
        d="M88.001 114a1 1 0 0 1-.972-1.242C87.12 112.398 96 76.67 96 59a1 1 0 1 1 2 0c0 17.916-8.939 53.881-9.03 54.242a1 1 0 0 1-.969.758z"
    />
    <path
        fill="url(#e)"
        d="M126 43c-5 15-18 21-18 21-26.935 11.808-19.839 37.077-17 42h8c1-8 2.574-12.606 9-18 18.928-15.89 18-45 18-45z"
    />
    <path
        fill="url(#f)"
        d="M94.999 107a1 1 0 0 1-.988-.854l-.032-.216c-1.442-9.731-3.621-24.438 12.52-33.796 5.358-3.107 9.871-8.104 12.713-11.75a1 1 0 1 1 1.577 1.23c-2.951 3.784-7.651 8.981-13.287 12.25-14.966 8.678-12.988 22.026-11.544 31.772l.032.216a1 1 0 0 1-.991 1.148z"
    />
    <path
        fill="url(#a)"
        d="M64 104c-22 0-32.002-2-48-5.007-17.75-5.25-16.5 11.917-8 13.992C25.974 117.375 44.062 119 64 119s38.026-1.619 56-6.008c8.5-2.076 9.75-19.242-8-13.992-15.998 3.007-26 5-48 5z"
    />
</svg>
More icons in the same style and category