Add icons to this collection by clicking the heart icon.
Badge icon - also known as badge, celebration, usa, united states of america, independence day, cultures, and 4th of july. Created in a clean 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="a"
x1="32"
x2="32"
y1="61.384"
y2="4.592"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".35" stop-color="#ed683c" />
<stop offset=".7" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient
id="b"
x1="32.001"
x2="32.001"
y1="61.384"
y2="4.592"
href="#a"
/>
<linearGradient id="c" x1="32" x2="32" y1="61.384" y2="4.592" href="#a" />
<linearGradient
id="d"
x1="57.5"
x2="57.5"
y1="61.384"
y2="4.592"
href="#a"
/>
<linearGradient
id="e"
x1="57.5"
x2="57.5"
y1="61.384"
y2="4.592"
gradientTransform="rotate(18.38 57.531 19.566)"
href="#a"
/>
<linearGradient
id="f"
x1="61.083"
x2="61.083"
y1="61.384"
y2="4.592"
gradientTransform="rotate(28.6 61.031 10.5)"
href="#a"
/>
<linearGradient
id="g"
x1="54.667"
x2="54.667"
y1="61.384"
y2="4.592"
gradientTransform="rotate(28.6 54.65 14.014)"
href="#a"
/>
<linearGradient
id="h"
x1="50"
x2="50"
y1="61.384"
y2="4.592"
gradientTransform="rotate(45 50.005 8.992)"
href="#a"
/>
<linearGradient
id="i"
x1="57.5"
x2="57.5"
y1="61.384"
y2="4.592"
gradientTransform="rotate(71.58 57.481 32.489)"
href="#a"
/>
<linearGradient
id="j"
x1="61.083"
x2="61.083"
y1="61.384"
y2="4.592"
gradientTransform="rotate(61.38 61.073 41.505)"
href="#a"
/>
<linearGradient
id="k"
x1="54.667"
x2="54.667"
y1="61.384"
y2="4.592"
gradientTransform="rotate(61.38 54.658 38.008)"
href="#a"
/>
<linearGradient id="l" x1="6.5" x2="6.5" y1="61.384" y2="4.592" href="#a" />
<linearGradient
id="m"
x1="6.5"
x2="6.5"
y1="61.384"
y2="4.592"
gradientTransform="rotate(71.58 6.498 19.491)"
href="#a"
/>
<linearGradient
id="n"
x1="2.917"
x2="2.917"
y1="61.384"
y2="4.592"
gradientTransform="rotate(61.38 2.914 10.5)"
href="#a"
/>
<linearGradient
id="o"
x1="9.333"
x2="9.333"
y1="61.384"
y2="4.592"
gradientTransform="rotate(61.38 9.33 14.002)"
href="#a"
/>
<linearGradient
id="p"
x1="14"
x2="14"
y1="61.384"
y2="4.592"
gradientTransform="rotate(45 14.002 8.998)"
href="#a"
/>
<linearGradient
id="q"
x1="6.5"
x2="6.5"
y1="61.384"
y2="4.592"
gradientTransform="rotate(18.38 6.479 32.534)"
href="#a"
/>
<linearGradient
id="r"
x1="2.917"
x2="2.917"
y1="61.384"
y2="4.592"
gradientTransform="rotate(28.6 2.902 41.5)"
href="#a"
/>
<linearGradient
id="s"
x1="9.333"
x2="9.333"
y1="61.384"
y2="4.592"
gradientTransform="rotate(28.6 9.32 38.002)"
href="#a"
/>
<linearGradient id="t" x1="44" x2="44" y1="61.384" y2="4.592" href="#a" />
<linearGradient id="u" x1="20" x2="20" y1="61.384" y2="4.592" href="#a" />
<path
fill="url(#a)"
d="M40.18 24.175a1 1 0 0 0-.9-.737l-4.745-.306-1.592-4.468a1 1 0 0 0-1.884 0l-1.593 4.468-4.744.306a1 1 0 0 0-.494 1.828l3.7 2.492-1.392 4.442a1 1 0 0 0 1.5 1.134L32 30.726l3.96 2.609a1 1 0 0 0 1.5-1.134l-1.391-4.443 3.7-2.492a1 1 0 0 0 .411-1.091zm-5.842 2.341a1 1 0 0 0-.4 1.128l.776 2.477-2.164-1.428a1 1 0 0 0-1.1 0l-2.168 1.428.776-2.477a1 1 0 0 0-.4-1.128l-1.886-1.271 2.475-.16a1 1 0 0 0 .877-.662L32 21.978l.872 2.445a1 1 0 0 0 .877.662l2.475.16z"
/>
<path
fill="url(#b)"
d="m58.15 52 3.72-6.5a1.044 1.044 0 0 0 0-1A1 1 0 0 0 61 44h-8v-3a1 1 0 0 0-1-1h-7.17a19 19 0 1 0-25.66 0H12a1 1 0 0 0-1 1v3H3a.976.976 0 0 0-.86.5 1.018 1.018 0 0 0-.01 1L5.85 52l-3.72 6.5a1.018 1.018 0 0 0 .01 1A.976.976 0 0 0 3 60h18a1 1 0 0 0 1-1v-3h20v3a1 1 0 0 0 1 1h18a1 1 0 0 0 .87-.5 1.044 1.044 0 0 0 0-1zM15 26a17 17 0 1 1 26.62 14h-4.28a15 15 0 1 0-10.68 0h-4.28A16.907 16.907 0 0 1 15 26zm17 13a13 13 0 1 1 13-13 13.012 13.012 0 0 1-13 13zM20 58H4.72l3.15-5.5a1.044 1.044 0 0 0 0-1L4.72 46H11v9a1 1 0 0 0 1 1h8zm-7-4V42h38v12zm31 4v-2h8a1 1 0 0 0 1-1v-9h6.28l-3.15 5.5a1.044 1.044 0 0 0 0 1l3.15 5.5z"
/>
<path
fill="url(#c)"
d="M32 15a11 11 0 1 0 11 11 11.013 11.013 0 0 0-11-11zm0 20a9 9 0 1 1 9-9 9.011 9.011 0 0 1-9 9z"
/>
<path fill="url(#d)" d="M53 25h9v2h-9z" />
<path
fill="url(#e)"
d="M52.757 18.5h9.487v2h-9.487z"
transform="rotate(-18.38 57.567 19.468)"
/>
<path
fill="url(#f)"
d="M60.039 9.5h2.088v2h-2.088z"
transform="rotate(-28.6 61.033 10.484)"
/>
<path
fill="url(#g)"
d="M50.49 13h8.353v2H50.49z"
transform="rotate(-28.6 54.66 13.982)"
/>
<path
fill="url(#h)"
d="M47.172 8h5.657v2h-5.657z"
transform="rotate(-45 50.002 9.01)"
/>
<path
fill="url(#i)"
d="M56.5 27.757h2v9.487h-2z"
transform="rotate(-71.58 57.481 32.489)"
/>
<path
fill="url(#j)"
d="M60.084 40.456h2v2.088h-2z"
transform="rotate(-61.38 61.085 41.489)"
/>
<path
fill="url(#k)"
d="M53.667 33.823h2v8.353h-2z"
transform="rotate(-61.38 54.671 37.99)"
/>
<path fill="url(#l)" d="M2 25h9v2H2z" />
<path
fill="url(#m)"
d="M5.5 14.757h2v9.487h-2z"
transform="rotate(-71.58 6.496 19.492)"
/>
<path
fill="url(#n)"
d="M1.917 9.456h2v2.088h-2z"
transform="rotate(-61.38 2.919 10.5)"
/>
<path
fill="url(#o)"
d="M8.333 9.823h2v8.353h-2z"
transform="rotate(-61.38 9.336 13.999)"
/>
<path
fill="url(#p)"
d="M13 6.172h2v5.657h-2z"
transform="rotate(-45 14 9.003)"
/>
<path
fill="url(#q)"
d="M1.757 31.5h9.487v2H1.757z"
transform="rotate(-18.38 6.533 32.523)"
/>
<path
fill="url(#r)"
d="M1.873 40.5h2.088v2H1.873z"
transform="rotate(-28.6 2.932 41.498)"
/>
<path
fill="url(#s)"
d="M5.157 37h8.353v2H5.157z"
transform="rotate(-28.6 9.345 37.996)"
/>
<path
fill="url(#c)"
d="M35.078 45h-.9l-.278-.854a2 2 0 0 0-3.8 0l-.28.854h-.9a2 2 0 0 0-1.175 3.618l.726.528L28.2 50a2 2 0 0 0 3.077 2.236l.723-.528.727.528A2 2 0 0 0 35.805 50l-.278-.854.726-.528A2 2 0 0 0 35.078 45zm-1.314 2.956a1 1 0 0 0-.364 1.117l.5 1.545-1.314-.955a1 1 0 0 0-1.176 0l-1.314.955.5-1.545a1 1 0 0 0-.363-1.118L28.922 47h1.625a1 1 0 0 0 .951-.691l.5-1.557v.012l.5 1.545a1 1 0 0 0 .951.691h1.624z"
/>
<path
fill="url(#t)"
d="M47.078 45h-.9l-.278-.854a2 2 0 0 0-3.8 0l-.28.854h-.9a2 2 0 0 0-1.175 3.618l.726.528L40.2 50a1.973 1.973 0 0 0 .728 2.237 1.971 1.971 0 0 0 2.35 0l.722-.529.727.528A2 2 0 0 0 47.805 50l-.278-.854.726-.528A2 2 0 0 0 47.078 45zm-1.314 2.956a1 1 0 0 0-.364 1.117l.5 1.545-1.314-.955a1 1 0 0 0-1.176 0l-1.314.955.5-1.545a1 1 0 0 0-.364-1.117L40.922 47h1.625a1 1 0 0 0 .951-.691l.5-1.557.005.012.5 1.545a1 1 0 0 0 .951.691h1.624z"
/>
<path
fill="url(#u)"
d="M23.078 45h-.9l-.278-.854a2 2 0 0 0-3.8 0l-.28.854h-.9a2 2 0 0 0-1.175 3.618l.726.528L16.2 50a2 2 0 0 0 3.077 2.236l.723-.528.727.528A2 2 0 0 0 23.8 50l-.277-.854.726-.528A2 2 0 0 0 23.078 45zm-1.315 2.955a1 1 0 0 0-.363 1.118l.5 1.545-1.314-.955a1 1 0 0 0-1.176 0l-1.314.955.5-1.545a1 1 0 0 0-.363-1.118L16.922 47h1.625a1 1 0 0 0 .951-.691l.5-1.557v.012l.5 1.545a1 1 0 0 0 .951.691h1.625z"
/>
</svg>
More icons in the same style and category