Add icons to this collection by clicking the heart icon.
Sale icon - also known as time, schedule, calendar, sale, discount, sales, shopping, percentage, time and date, and sale date. Created in a clean flat style with a white, silver, gray, yellow, orange, and pink 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"
>
<path fill="#84d2f4" d="M3 13h38v26H3z" />
<path fill="#57b7eb" d="M41 16H13a16 16 0 0 0 16 16h12v7H3V13h38z" />
<path fill="#f8664f" d="M16 20h6v6h-6z" />
<path fill="#f89c8d" d="M3 5h38v8H3z" />
<path fill="#f8664f" d="M41 9v4H3V5h12a4 4 0 0 0 4 4z" />
<path
fill="#e9f1f2"
d="M32 8a1 1 0 0 1-1-1V3a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1zM36 8a1 1 0 0 1-1-1V3a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1z"
/>
<path
fill="#93999a"
d="M41 20.5v-1h-6.5V13h-1v6.5h-5V13h-1v6.5h-5V13h-1v6.5h-5V13h-1v6.5h-5V13h-1v6.5H3v1h6.5v5H3v1h6.5v5H3v1h6.5V39h1v-6.5h5V39h1v-6.5h5V39h1v-6.5h5V39h1v-6.5h5V39h1v-6.5H41v-1h-6.5v-5H41v-1h-6.5v-5zm-13.5 0v5h-5v-5zm-6 0v5h-5v-5zm-11 0h5v5h-5zm0 11v-5h5v5zm6 0v-5h5v5zm6 0v-5h5v5zm11 0h-5v-5h5zm0-6h-5v-5h5z"
/>
<path
fill="#656b76"
d="M29 32a16 16 0 0 1-4-.5h-2.5v-.88c-.34-.14-.67-.31-1-.48v1.36h-5v-5h.43a14.621 14.621 0 0 1-1.43-1.91v.91h-5v-5h3.14c-.1-.33-.18-.66-.26-1H10.5V13h-1v6.5H3v1h6.5v5H3v1h6.5v5H3v1h6.5V39h1v-6.5h5V39h1v-6.5h5V39h1v-6.5h5V39h1v-6.5h5V39h1v-6.5H41V32zm-13.5-.5h-5v-5h5zm19-18.5h-1v3h1zm-6 0h-1v3h1zm-6 0h-1v3h1zm-6 0h-1v3h1z"
/>
<path
fill="#e9f1f2"
d="M8 8a1 1 0 0 1-1-1V3a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1zM12 8a1 1 0 0 1-1-1V3a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1z"
/>
<path fill="#f9e109" d="M61 61H31l3-29h24z" />
<path
fill="#fcbc04"
d="M49 32h3v7a3 3 0 0 1-3-3v-4zM61 61H31l3-29h11.48l-.77 7.46A15.006 15.006 0 0 0 59.63 56h.85z"
/>
<path
fill="#e9f1f2"
d="M38 29v8a2 2 0 0 0 2 2 2 2 0 0 0 2-2v-8a4 4 0 0 1 4-4 4 4 0 0 1 4 4v8a2 2 0 0 0 2 2 2 2 0 0 0 2-2v-8a8 8 0 0 0-8-8 8 8 0 0 0-8 8z"
/>
<path
fill="#f8664f"
d="M19 29a15.947 15.947 0 0 1 15.457 20.073L39 55l-7.29-.309A15.993 15.993 0 1 1 19 29z"
/>
<path
fill="#cc5144"
d="m39 55-7.29-.31a15.993 15.993 0 1 1-18.47-24.62A17.644 17.644 0 0 0 13 33a18.005 18.005 0 0 0 22.5 17.43z"
/>
<rect
width="4"
height="23"
x="17"
y="34"
fill="#e9f1f2"
rx="2"
transform="rotate(45 19.01 45.5)"
/>
<circle cx="24.718" cy="50.51" r="2" fill="#e9f1f2" />
<circle cx="13.99" cy="39.782" r="2" fill="#e9f1f2" />
<g fill="#d0d8da">
<path
d="m20.05 47.28-6.35 6.35a2 2 0 1 1-2.83-2.83l6.29-6.29a18.028 18.028 0 0 0 2.89 2.77zM26.72 50.48a2.019 2.019 0 0 1-.59 1.44 1.994 1.994 0 0 1-2.93-2.7 16.944 16.944 0 0 0 3.52 1.26zM15.1 41.45a2 2 0 1 1-1.44-3.64 18.039 18.039 0 0 0 1.44 3.64zM54 35.82V37a2.015 2.015 0 0 1-2 2 2.006 2.006 0 0 1-2-2v-8a3.995 3.995 0 0 0-4-4 2.748 2.748 0 0 0-.41.02A6 6 0 0 0 40 31v2a2.968 2.968 0 0 0 2 2.82V37a2.015 2.015 0 0 1-2 2 2.006 2.006 0 0 1-2-2v-8a8.014 8.014 0 0 1 2.34-5.66 7.763 7.763 0 0 1 1.13-.93 7.937 7.937 0 0 1 3.06-.39A8.176 8.176 0 0 1 52 30.27V33a2.968 2.968 0 0 0 2 2.82z"
/>
</g>
<path
fill="#f7f754"
d="M46 48a2 2 0 1 1 2-2 1 1 0 0 0 2 0 4 4 0 0 0-3-3.858V41a1 1 0 0 0-2 0v1.142A3.992 3.992 0 0 0 46 50a2 2 0 1 1-2 2 1 1 0 0 0-2 0 4 4 0 0 0 3 3.858V57a1 1 0 0 0 2 0v-1.142A3.992 3.992 0 0 0 46 48z"
/>
<path
fill="#f9e109"
d="M49.97 52.47A4 4 0 0 1 47 55.86V57a1 1 0 0 1-2 0v-1.14A4 4 0 0 1 42 52a1 1 0 0 1 2 0 2 2 0 1 0 2-2 3.989 3.989 0 0 1-1.31-7.76 13.605 13.605 0 0 0 .3 2.03A2 2 0 0 0 46 48c.13 0 .25.01.38.02a15.014 15.014 0 0 0 3.59 4.45z"
/>
</svg>
More icons in the same style and category