Add icons to this collection by clicking the heart icon.
Coupon icon - also known as ticket, offer, discount, percentage, commerce and shopping, percent, voucher, and coupon. 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 24 24"
>
    <linearGradient
        id="b"
        x1="2"
        x2="22"
        y1="12"
        y2="12"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#42a5f5" />
        <stop offset="1" stop-color="#1e88e5" />
    </linearGradient>
    <linearGradient id="a">
        <stop offset="0" stop-color="#bbdefb" />
        <stop offset="1" stop-color="#64b5f6" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="9"
        x2="11"
        y1="9"
        y2="9"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="9.004"
        x2="15"
        y1="12"
        y2="12"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="13"
        x2="15"
        y1="15"
        y2="15"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M21 11a1 1 0 0 0 1-1V8c0-1.654-1.346-3-3-3H5C3.346 5 2 6.346 2 8v2a1 1 0 0 0 1 1 1.001 1.001 0 0 1 0 2 1 1 0 0 0-1 1v2c0 1.654 1.346 3 3 3h14c1.654 0 3-1.346 3-3v-2a1 1 0 0 0-1-1 1.001 1.001 0 0 1 0-2z"
    />
    <circle cx="10" cy="9" r="1" fill="url(#c)" />
    <path
        fill="url(#d)"
        d="M9.999 16c-.786 0-1.266-.904-.831-1.555l4-6a.999.999 0 1 1 1.664 1.11l-4 6a.998.998 0 0 1-.833.445z"
    />
    <circle cx="14" cy="15" r="1" fill="url(#e)" />
</svg>
More icons in the same style and category