Add icons to this collection by clicking the heart icon.
Sale Sign icon - also known as discount, commerce and shopping, online store, online shopping, percent, e-commerce, and sale sign. 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="a"
x1="35.433"
x2="51.723"
y1="16.987"
y2="33.277"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#596c76" />
<stop offset="1" stop-color="#2c3e50" />
</linearGradient>
<linearGradient
id="c"
x1="18.27"
x2="22.575"
y1="22.98"
y2="27.285"
href="#a"
/>
<linearGradient
id="d"
x1="14.043"
x2="49.957"
y1="22.793"
y2="58.707"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fd4755" />
<stop offset="1" stop-color="#d91843" />
</linearGradient>
<linearGradient
id="b"
x1="26.125"
x2="38.07"
y1="34.875"
y2="46.821"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset=".989" stop-color="#ece9e6" />
</linearGradient>
<linearGradient
id="e"
x1="26.126"
x2="38.071"
y1="34.874"
y2="46.82"
href="#b"
/>
<linearGradient
id="f"
x1="10.062"
x2="20.968"
y1="34.813"
y2="45.719"
href="#b"
/>
<linearGradient
id="g"
x1="10.063"
x2="20.97"
y1="34.812"
y2="45.718"
href="#b"
/>
<linearGradient
id="h"
x1="42.062"
x2="54.002"
y1="34.813"
y2="46.753"
href="#b"
/>
<linearGradient
id="i"
x1="42.063"
x2="54.003"
y1="34.812"
y2="46.752"
href="#b"
/>
<linearGradient
id="j"
x1="29.172"
x2="34.828"
y1="13.422"
y2="19.078"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eef2f3" />
<stop offset="1" stop-color="#c0cdfb" />
</linearGradient>
<g>
<path
fill="url(#a)"
d="m53.59 30.84-1.82 2.39-5.74-4.35-11.21-8.5-1.25-.95 1.81-2.39 1.3.98L51 28.88z"
/>
<path
fill="url(#c)"
d="m30.43 19.43-1.25.95-11.21 8.5-5.74 4.35-1.82-2.39L13 28.88l14.32-10.86 1.3-.98z"
/>
<rect width="51" height="22" x="6.5" y="29.75" fill="url(#d)" rx="1" />
<path
fill="url(#b)"
d="m26.442 44.19 9-9a1.5 1.5 0 0 1 2.121 2.122l-9 9a1.5 1.5 0 0 1-2.12-2.121z"
/>
<path
fill="url(#e)"
d="M30.003 36.751a2 2 0 1 1-2-2 2 2 0 0 1 2 2zM38.003 44.751a2 2 0 1 1-2-2 2 2 0 0 1 2 2z"
/>
<path
fill="url(#f)"
d="m10.442 44.19 9-9a1.5 1.5 0 0 1 2.121 2.122l-9 9a1.5 1.5 0 0 1-2.12-2.121z"
/>
<path
fill="url(#g)"
d="M14.003 36.751a2 2 0 1 1-2-2 2 2 0 0 1 2 2zM22.003 44.751a2 2 0 1 1-2-2 2 2 0 0 1 2 2z"
/>
<path
fill="url(#h)"
d="m42.442 44.19 9-9a1.5 1.5 0 0 1 2.121 2.122l-9 9a1.5 1.5 0 0 1-2.12-2.121z"
/>
<path
fill="url(#i)"
d="M46.003 36.751a2 2 0 1 1-2-2 2 2 0 0 1 2 2zM54.003 44.751a2 2 0 1 1-2-2 2 2 0 0 1 2 2z"
/>
<circle cx="32" cy="16.25" r="4" fill="url(#j)" />
</g>
</svg>
More icons in the same style and category