Add icons to this collection by clicking the heart icon.
Discount icon - also known as money, bag, offer, discount, percentage, and commerce and shopping. Created in a clean flat gradient style with a gray and orange finish, 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="16"
x2="40"
y1="8.5"
y2="8.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fbcc88" />
<stop offset="1" stop-color="#ffe5c3" />
</linearGradient>
<linearGradient id="d" x1="0" x2="56" y1="42" y2="42" href="#a" />
<linearGradient
id="b"
x1="17"
x2="39"
y1="18"
y2="18"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#da5466" />
<stop offset="1" stop-color="#f4929c" />
</linearGradient>
<linearGradient id="e" x1="44" x2="64" y1="48.12" y2="48.12" href="#b" />
<linearGradient
id="f"
x1="304.74"
x2="306.74"
y1="137.62"
y2="137.62"
gradientTransform="rotate(44.44 307.846 -217.02)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e9a254" />
<stop offset="1" stop-color="#f4bb79" />
</linearGradient>
<linearGradient
id="c"
x1="48"
x2="60"
y1="54"
y2="54"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4d8e1" />
<stop offset="1" stop-color="#f3f4f5" />
</linearGradient>
<linearGradient id="g" x1="47" x2="53" y1="50" y2="50" href="#c" />
<linearGradient id="h" x1="55" x2="61" y1="58" y2="58" href="#c" />
<path
fill="url(#a)"
d="M39.13 10.29 35.2 17H20.8l-3.93-6.71A6.33 6.33 0 0 1 20.55 1a28.32 28.32 0 0 1 14.9 0 6.32 6.32 0 0 1 3.68 9.29z"
/>
<path
fill="url(#d)"
d="M50.09 40.31a47.65 47.65 0 0 0-11.48-18.79A5.19 5.19 0 0 0 34.94 20H21.06a5.19 5.19 0 0 0-3.67 1.52A47.65 47.65 0 0 0 5.91 40.31L.27 57.2A5.16 5.16 0 0 0 5.16 64h45.68A5.16 5.16 0 0 0 56 58.84c0-1.17.17-.34-5.91-18.53z"
/>
<g fill="#f6b756">
<path
d="M28 27a1 1 0 0 1-1-1v-7a1 1 0 0 1 2 0v7a1 1 0 0 1-1 1zM20 28a1 1 0 0 1-1-1v-.76a11.2 11.2 0 0 1 3.29-7.95 1 1 0 0 1 1.42 1.42A9.14 9.14 0 0 0 21 26.24V27a1 1 0 0 1-1 1zM35 28a1 1 0 0 1-1-1v-.76a9.14 9.14 0 0 0-2.71-6.53 1 1 0 0 1 1.42-1.42 11.2 11.2 0 0 1 3.29 8V27a1 1 0 0 1-1 1z"
/>
</g>
<path fill="url(#b)" d="M37 20H19a2 2 0 0 1 0-4h18a2 2 0 0 1 0 4z" />
<path
fill="url(#e)"
d="M62 64H46a2 2 0 0 1-2-2V42.24a3 3 0 0 1 .88-2.12l7-7a3 3 0 0 1 4.24 0l7 7a3 3 0 0 1 .88 2.12V62a2 2 0 0 1-2 2z"
/>
<circle cx="54" cy="39" r="3" fill="#cf4055" />
<path
fill="url(#f)"
d="M54 39a1 1 0 0 1 0-1.41l7-7.15a1 1 0 0 1 1.43 1.4l-7 7.15A1 1 0 0 1 54 39z"
/>
<path
fill="url(#c)"
d="M49 60a1 1 0 0 1-.71-1.71l10-10a1 1 0 0 1 1.42 1.42l-10 10A1 1 0 0 1 49 60z"
/>
<path
fill="url(#g)"
d="M50 53a3 3 0 1 1 3-3 3 3 0 0 1-3 3zm0-4a1 1 0 1 0 1 1 1 1 0 0 0-1-1z"
/>
<path
fill="url(#h)"
d="M58 61a3 3 0 1 1 3-3 3 3 0 0 1-3 3zm0-4a1 1 0 1 0 1 1 1 1 0 0 0-1-1z"
/>
</svg>
More icons in the same style and category