Add icons to this collection by clicking the heart icon.
Banner icon - also known as ribbon, shop, sale, offer, banner, commerce and shopping, banner design, black friday, and sale sign. 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="5.667"
y2="57.338"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff3b90" />
<stop offset=".073" stop-color="#fe2eab" />
<stop offset=".139" stop-color="#fe1bd9" />
<stop offset=".2" stop-color="#fd10f3" />
<stop offset=".289" stop-color="#fd0cfa" />
<stop offset=".514" stop-color="#6e3ff3" />
<stop offset=".8" stop-color="#3c41ed" />
<stop offset="1" stop-color="#3a85e9" />
</linearGradient>
<linearGradient id="b" x1="48" x2="48" y1="5.667" y2="57.338" href="#a" />
<linearGradient id="c" x1="40" x2="40" y1="5.667" y2="57.338" href="#a" />
<linearGradient id="d" x1="24" x2="24" y1="5.667" y2="57.338" href="#a" />
<linearGradient id="e" x1="16" x2="16" y1="5.667" y2="57.338" href="#a" />
<linearGradient id="f" x1="18" x2="18" y1="5.667" y2="57.338" href="#a" />
<linearGradient id="g" x1="54" x2="54" y1="5.667" y2="57.338" href="#a" />
<linearGradient id="h" x1="34" x2="34" y1="5.667" y2="57.338" href="#a" />
<linearGradient id="i" x1="26" x2="26" y1="5.667" y2="57.338" href="#a" />
<linearGradient id="j" x1="10" x2="10" y1="5.667" y2="57.338" href="#a" />
<linearGradient id="k" x1="46" x2="46" y1="5.667" y2="57.338" href="#a" />
<g>
<path
fill="url(#a)"
d="M61.73 16.317A1 1 0 0 0 61 16H40.22l1.76-8.804a1 1 0 0 0-1.248-1.16l-36 10a1.018 1.018 0 0 0-.73.898l-2 30A.999.999 0 0 0 3 48h20.78l-1.76 8.804a1 1 0 0 0 1.248 1.16l36-10a.987.987 0 0 0 .73-.897l2-30a1 1 0 0 0-.268-.75zM39.7 8.399 38.18 16H12.336zM24.3 55.602 25.82 48h25.844zM58.064 46H4.07l1.867-28H59.93z"
/>
<path
fill="url(#b)"
d="M46 33a1 1 0 0 0-1 1v8a1 1 0 0 0 2 0v-2.829a3.006 3.006 0 0 1 2 2.83 1 1 0 0 0 2 0 4.976 4.976 0 0 0-1.41-3.467A2.993 2.993 0 0 0 48 33zm3 3a1.001 1.001 0 0 1-1 1h-1v-2h1a1.001 1.001 0 0 1 1 1z"
/>
<path
fill="url(#a)"
d="M34 35a1 1 0 0 0 0-2h-4a1 1 0 0 0-1 1v8a1 1 0 0 0 2 0v-3h3a1 1 0 0 0 0-2h-3v-2z"
/>
<path
fill="url(#c)"
d="M37 34v8a1 1 0 0 0 1 1h4a1 1 0 0 0 0-2h-3v-2h3a1 1 0 0 0 0-2h-3v-2h3a1 1 0 0 0 0-2h-4a1 1 0 0 0-1 1z"
/>
<path
fill="url(#d)"
d="M26 35a1 1 0 0 0 0-2h-4a1 1 0 0 0-1 1v8a1 1 0 0 0 2 0v-3h3a1 1 0 0 0 0-2h-3v-2z"
/>
<path
fill="url(#e)"
d="M16 33a3.003 3.003 0 0 0-3 3v4a3 3 0 0 0 6 0v-4a3.003 3.003 0 0 0-3-3zm1 7a1 1 0 0 1-2 0v-4a1 1 0 0 1 2 0z"
/>
<path
fill="url(#f)"
d="M18 21h-2a1 1 0 0 0-1 1v8a1 1 0 0 0 2 0v-3h1a3 3 0 0 0 0-6zm0 4h-1v-2h1a1 1 0 0 1 0 2z"
/>
<path fill="url(#c)" d="M39 30a1 1 0 0 0 2 0v-8a1 1 0 0 0-2 0z" />
<path
fill="url(#g)"
d="M52 31h4a1 1 0 0 0 0-2h-3v-7a1 1 0 0 0-2 0v8a1 1 0 0 0 1 1z"
/>
<path
fill="url(#h)"
d="M36 29a3 3 0 0 1 0-6 1 1 0 0 0 0-2 5 5 0 0 0 0 10 1 1 0 0 0 0-2z"
/>
<path
fill="url(#i)"
d="M28 29h-3v-2h3a1 1 0 0 0 0-2h-3v-2h3a1 1 0 0 0 0-2h-4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h4a1 1 0 0 0 0-2z"
/>
<path
fill="url(#j)"
d="M10 25a1 1 0 0 1 0-2h2a1 1 0 0 0 0-2h-2a3 3 0 0 0 0 6 1 1 0 0 1 0 2H8a1 1 0 0 0 0 2h2a3 3 0 0 0 0-6z"
/>
<path
fill="url(#k)"
d="M44 31a1 1 0 0 0 1-1v-3h2v3a1 1 0 0 0 2 0v-6a3 3 0 0 0-6 0v6a1 1 0 0 0 1 1zm1-7a1 1 0 0 1 2 0v1h-2z"
/>
</g>
</svg>
More icons in the same style and category