Add icons to this collection by clicking the heart icon.
Ribbon icon - also known as ribbon, sale, offer, discount, commerce and shopping, and black friday. Created in a clean lineal 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 512 512"
>
<defs>
<linearGradient
id="a"
x1="28.995"
y1="507.005"
x2="509.187"
y2="26.813"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset="0.518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="4.995"
y1="483.005"
x2="485.187"
y2="2.813"
href="#a"
/>
<linearGradient
id="c"
x1="-57.005"
y1="421.005"
x2="423.187"
y2="-59.187"
href="#a"
/>
<linearGradient
id="e"
x1="36.995"
y1="515.004"
x2="517.187"
y2="34.813"
href="#a"
/>
<linearGradient
id="f"
x1="90.995"
y1="569.005"
x2="571.187"
y2="88.813"
href="#a"
/>
<linearGradient
id="g"
x1="-19.005"
y1="459.004"
x2="461.187"
y2="-21.187"
href="#a"
/>
<linearGradient
id="h"
x1="6.745"
y1="484.755"
x2="486.937"
y2="4.563"
href="#a"
/>
<linearGradient
id="i"
x1="32.995"
y1="511.004"
x2="513.186"
y2="30.813"
href="#a"
/>
<linearGradient
id="j"
x1="64.995"
y1="543.005"
x2="545.187"
y2="62.813"
href="#a"
/>
<linearGradient
id="k"
x1="-27.005"
y1="451.005"
x2="453.187"
y2="-29.187"
href="#a"
/>
<linearGradient
id="l"
x1="-87.005"
y1="391.005"
x2="393.187"
y2="-89.187"
href="#a"
/>
</defs>
<g>
<path
d="M256,224a8,8,0,0,0-8,8v72a8,8,0,0,0,8,8h24a8,8,0,0,0,5.826-2.517l16-17A8,8,0,0,0,304,287V249a8,8,0,0,0-2.174-5.483l-16-17A8,8,0,0,0,280,224Zm32,28.172v31.656L276.543,296H264V240h12.543Z"
fill="url(#a)"
/>
<path
d="M296,216h40a8,8,0,0,0,0-16H304V144h32a8,8,0,0,0,0-16H296a8,8,0,0,0-8,8v72A8,8,0,0,0,296,216Z"
fill="url(#b)"
/>
<path
d="M96,312a8,8,0,0,0,8-8V272h16a8,8,0,0,0,0-16H104V240h24a8,8,0,0,0,0-16H96a8,8,0,0,0-8,8v72A8,8,0,0,0,96,312Z"
fill="url(#c)"
/>
<path
d="M176,216h32a8,8,0,0,0,0-16H184V136a8,8,0,0,0-16,0v72A8,8,0,0,0,176,216Z"
fill="url(#c)"
/>
<path
d="M360,216a8,8,0,0,0,8-8V187.313l26.343,26.344a8,8,0,1,0,11.314-11.314l-33.68-33.679L405,142.247a8,8,0,1,0-10-12.494l-27,21.6V136a8,8,0,0,0-16,0v72A8,8,0,0,0,360,216Z"
fill="url(#e)"
/>
<path
d="M408,256H392V232a8,8,0,0,0-16,0v32a8,8,0,0,0,8,8h8v32a8,8,0,0,0,16,0V272h8a8,8,0,0,0,8-8V232a8,8,0,0,0-16,0Z"
fill="url(#f)"
/>
<path
d="M171.313,272H192a8,8,0,0,0,8-8V232a8,8,0,0,0-8-8H152a8,8,0,0,0-8,8v72a8,8,0,0,0,16,0V283.313l26.343,26.344a8,8,0,1,0,11.314-11.314ZM184,256H160V240h24Z"
fill="url(#g)"
/>
<path
d="M208,232a8,8,0,0,0,8,8v56a8,8,0,0,0,0,16h15a8,8,0,0,0,1-15.931V239.931A8,8,0,0,0,231,224H216A8,8,0,0,0,208,232Z"
fill="url(#h)"
/>
<path
d="M480.18,304l23.64-110.32A8,8,0,0,0,496,184H448V104a8,8,0,0,0-8-8H72a8,8,0,0,0-8,8v80H16a8,8,0,0,0-7.82,9.68L31.82,304,8.18,414.32A8,8,0,0,0,16,424h96a8,8,0,0,0,8-8V344H392v72a8,8,0,0,0,8,8h96a8,8,0,0,0,7.82-9.68ZM25.9,408,47.82,305.68a7.93,7.93,0,0,0,0-3.36L25.9,200H64V336a7.9,7.9,0,0,0,.85,3.57l-.01.01L99.06,408ZM104,382.11,84.94,344H104ZM80,328V112H432V328Zm328,16h19.06L408,382.11Zm4.94,64,34.22-68.42-.01-.01A7.9,7.9,0,0,0,448,336V200h38.1L464.18,302.32a7.93,7.93,0,0,0,0,3.36L486.1,408Z"
fill="url(#i)"
/>
<path
d="M360,224H320a8,8,0,0,0-8,8v72a8,8,0,0,0,16,0V272h24v32a8,8,0,0,0,16,0V232A8,8,0,0,0,360,224Zm-8,32H328V240h24Z"
fill="url(#j)"
/>
<path
d="M272,128H232a8,8,0,0,0-8,8v72a8,8,0,0,0,16,0V176h24v32a8,8,0,0,0,16,0V136A8,8,0,0,0,272,128Zm-8,32H240V144h24Z"
fill="url(#k)"
/>
<path
d="M152,160h-8V136a8,8,0,0,0-8-8H112a8,8,0,0,0-8,8v72a8,8,0,0,0,8,8h40a8,8,0,0,0,8-8V168A8,8,0,0,0,152,160Zm-32-16h8v16h-8Zm24,56H120V176h24Z"
fill="url(#l)"
/>
</g>
</svg>
More icons in the same style and category