Add icons to this collection by clicking the heart icon.
Badge icon - also known as star, badge, usa, united states of america, independence day, cultures, and 4th of july. Created in a clean flat 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="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="linear-gradient"
        gradientUnits="userSpaceOnUse"
        x1="50"
        x2="50"
        y1="61.492"
        y2="5.447"
    >
        <stop offset="0" stop-color="#6713d2" />
        <stop offset=".998" stop-color="#cc208e" />
    </linearGradient>
    <linearGradient
        id="linear-gradient-2"
        x1="14"
        x2="14"
        y1="61.492"
        y2="5.447"
        href="#linear-gradient"
    />
    <linearGradient
        id="linear-gradient-3"
        x1="32"
        x2="32"
        y1="61.492"
        y2="5.447"
        href="#linear-gradient"
    />
    <linearGradient
        id="linear-gradient-4"
        x1="10.34"
        x2="10.34"
        y1="61.492"
        y2="5.447"
        href="#linear-gradient"
    />
    <linearGradient
        id="linear-gradient-5"
        x1="20.557"
        x2="20.557"
        y1="61.492"
        y2="5.447"
        href="#linear-gradient"
    />
    <linearGradient
        id="linear-gradient-9"
        x1="53.66"
        x2="53.66"
        y1="61.492"
        y2="5.447"
        href="#linear-gradient"
    />
    <linearGradient
        id="linear-gradient-10"
        x1="43.443"
        x2="43.443"
        y1="61.492"
        y2="5.447"
        href="#linear-gradient"
    />
    <linearGradient
        id="linear-gradient-15"
        x1="52.035"
        x2="52.035"
        y1="61.492"
        y2="5.447"
        href="#linear-gradient"
    />
    <linearGradient
        id="linear-gradient-17"
        x1="12.26"
        x2="12.26"
        y1="61.492"
        y2="5.447"
        href="#linear-gradient"
    />
    <g id="Badge-Star-Usa-America-Independence_Day">
        <path
            d="m46.2 23.24 3.8-2.77 3.8 2.77-1.45-4.48 3.81-2.76h-4.71l-1.45-4.47-1.45 4.47h-4.71l3.81 2.76z"
            fill="url(#linear-gradient)"
        />
        <path
            d="m10.2 23.24 3.8-2.77 3.8 2.77-1.45-4.48 3.81-2.76h-4.71l-1.45-4.47-1.45 4.47h-4.71l3.81 2.76z"
            fill="url(#linear-gradient-2)"
        />
        <path
            d="m27.49 18.5 4.51-2.97 4.51 2.97-1.61-5.15 4.31-2.91-5.4-.35-1.81-5.09-1.81 5.09-5.4.35 4.31 2.91z"
            fill="url(#linear-gradient-3)"
        />
        <path
            d="m4 33v2h12.68l-.57-1.02a3.014 3.014 0 0 1 -1.2-.38 3.193 3.193 0 0 1 -.72-.6z"
            fill="url(#linear-gradient-4)"
        />
        <path
            d="m25.7 49a11.282 11.282 0 0 1 -2.68-2.66l-1.78 1.03-1-1.74 1.78-1.03a11.077 11.077 0 0 1 -.94-3.31l-3.52 6.23a1.022 1.022 0 0 1 -1.01.5.988.988 0 0 0 -.64.11 1.01 1.01 0 0 0 -.46.61.995.995 0 0 0 1.46 1.12.891.891 0 0 0 .36-.36 1 1 0 0 1 .86-.5z"
            fill="url(#linear-gradient-5)"
        />
        <g fill="url(#linear-gradient-3)">
            <path
                d="m35.078 39h-1.625a1 1 0 0 1 -.951-.691l-.502-1.545-.5 1.545a1 1 0 0 1 -.951.691h-1.627l1.315.955a1 1 0 0 1 .363 1.118l-.5 1.545 1.314-.955a1 1 0 0 1 1.176 0l1.314.955-.5-1.545a1 1 0 0 1 .363-1.118z"
            />
            <path
                d="m41 40a9 9 0 1 0 -9 9 9.014 9.014 0 0 0 9-9zm-4.608 6.045a1 1 0 0 1 -1.176 0l-3.216-2.337-3.216 2.337a1 1 0 0 1 -1.539-1.118l1.228-3.781-3.216-2.337a1 1 0 0 1 .588-1.809h3.975l1.229-3.781a1 1 0 0 1 1.9 0l1.231 3.781h3.975a1 1 0 0 1 .588 1.809l-3.216 2.337 1.228 3.781a1 1 0 0 1 -.363 1.118z"
            />
            <path
                d="m36.5 50.03a10.77 10.77 0 0 1 -3.5.92v2.05h-2v-2.05a10.77 10.77 0 0 1 -3.5-.92l3.66 6.46a.994.994 0 0 1 -.01 1 .946.946 0 0 0 -.15.51 1 1 0 0 0 2 0 .946.946 0 0 0 -.15-.51.994.994 0 0 1 -.01-1z"
            />
        </g>
        <path
            d="m60 47v-2h-12.68l.57 1.02a3.014 3.014 0 0 1 1.2.38 3.193 3.193 0 0 1 .72.6z"
            fill="url(#linear-gradient-9)"
        />
        <path
            d="m48.45 49.5a.963.963 0 0 0 .1-.76 1.01 1.01 0 0 0 -.46-.61.988.988 0 0 0 -.64-.11 1.022 1.022 0 0 1 -1.01-.5l-3.52-6.23a11.077 11.077 0 0 1 -.94 3.31l1.78 1.03-1 1.74-1.78-1.03a11.282 11.282 0 0 1 -2.68 2.66h7.57a1 1 0 0 1 .86.5.891.891 0 0 0 .36.36 1 1 0 0 0 1.36-.36z"
            fill="url(#linear-gradient-10)"
        />
        <path
            d="m38.3 31a11.282 11.282 0 0 1 2.68 2.66l1.78-1.03 1 1.74-1.78 1.03a11.077 11.077 0 0 1 .94 3.31l3.53-6.23a1 1 0 0 1 1-.5 1.058 1.058 0 0 0 .64-.11 1.01 1.01 0 0 0 .46-.61.963.963 0 0 0 -.1-.76.987.987 0 0 0 -1.36-.37.985.985 0 0 0 -.36.37 1 1 0 0 1 -.87.5z"
            fill="url(#linear-gradient-10)"
        />
        <path
            d="m15.55 30.5a.963.963 0 0 0 -.1.76 1.01 1.01 0 0 0 .46.61 1.058 1.058 0 0 0 .64.11 1 1 0 0 1 1 .5l3.53 6.23a11.077 11.077 0 0 1 .94-3.31l-1.78-1.03 1-1.74 1.78 1.03a11.282 11.282 0 0 1 2.68-2.66h-7.56a1 1 0 0 1 -.87-.5.985.985 0 0 0 -.36-.37.987.987 0 0 0 -1.36.37z"
            fill="url(#linear-gradient-5)"
        />
        <path
            d="m27.5 29.97a10.77 10.77 0 0 1 3.5-.92v-2.05h2v2.05a10.77 10.77 0 0 1 3.5.92l-3.66-6.46a.994.994 0 0 1 .01-1 1 1 0 1 0 -1.7 0 .994.994 0 0 1 .01 1z"
            fill="url(#linear-gradient-3)"
        />
        <path
            d="m60 33h-10.19a3.193 3.193 0 0 1 -.72.6 3.014 3.014 0 0 1 -1.2.38l-.57 1.02h12.68z"
            fill="url(#linear-gradient-9)"
        />
        <path
            d="m59.59 37h-13.41l-1.7 3 1.7 3h12.82l-1.8-2.4a1 1 0 0 1 .09-1.31z"
            fill="url(#linear-gradient-15)"
        />
        <path
            d="m14.91 46.4a3.014 3.014 0 0 1 1.2-.38l.57-1.02h-12.68v2h10.19a3.193 3.193 0 0 1 .72-.6z"
            fill="url(#linear-gradient-4)"
        />
        <path
            d="m5 43h12.82l1.7-3-1.7-3h-12.82l1.8 2.4a.99.99 0 0 1 0 1.2z"
            fill="url(#linear-gradient-17)"
        />
    </g>
</svg>
More icons in the same style and category