Add icons to this collection by clicking the heart icon.
Payment Method icon - also known as smartphone, commerce, payment, debit card, payment method, commerce and shopping, credit card, and online payment. Created in a clean lineal color style with a white, silver, gray, red, and maroon 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 300 300"
>
    <circle cx="108" cy="116" r="76" fill="#ccc" />
    <path
        fill="#6b4f5b"
        d="M104 204.244v31.731h128V68.491C232 61.592 226.408 56 219.509 56H116.491C109.592 56 104 61.592 104 68.491z"
    />
    <path
        fill="#4c241d"
        d="M232 239.977H104c-2.209 0-4-1.789-4-4V68.492C100 59.398 107.398 52 116.49 52h103.018C228.602 52 236 59.398 236 68.492v167.484a3.998 3.998 0 0 1-4 4.001zm-124-8h120V68.492c0-4.684-3.809-8.492-8.492-8.492H116.49c-4.682 0-8.49 3.809-8.49 8.492z"
    />
    <path
        fill="#fff"
        d="M104 235.975v23.534c0 6.898 5.592 12.491 12.491 12.491H219.51c6.898 0 12.491-5.592 12.491-12.491v-23.534z"
    />
    <path
        fill="#4c241d"
        d="M219.508 276H116.49c-9.092 0-16.49-7.398-16.49-16.492v-23.531c0-2.211 1.791-4 4-4h128c2.211 0 4 1.789 4 4v23.531c0 9.094-7.398 16.492-16.492 16.492zM108 239.977v19.531c0 4.684 3.809 8.492 8.49 8.492h103.018c4.684 0 8.492-3.809 8.492-8.492v-19.531z"
    />
    <circle cx="166" cy="254" r="10" fill="#4c241d" />
    <circle cx="126" cy="78" r="6" fill="#f53e28" />
    <circle cx="142" cy="78" r="6" fill="#00ccca" />
    <circle cx="158" cy="78" r="6" fill="#a9ba5a" />
    <path
        fill="#9dc1e4"
        d="M163.253 188H56.747A4.747 4.747 0 0 1 52 183.253v-58.505a4.747 4.747 0 0 1 4.747-4.747h106.505a4.747 4.747 0 0 1 4.747 4.747v58.505a4.746 4.746 0 0 1-4.746 4.747z"
    />
    <path
        fill="#4c241d"
        d="M163.254 192H56.748c-4.824 0-8.748-3.922-8.748-8.746v-58.508c0-4.824 3.924-8.746 8.748-8.746h106.506c4.824 0 8.746 3.922 8.746 8.746v58.508c0 4.824-3.922 8.746-8.746 8.746zM56.748 124a.749.749 0 0 0-.748.746v58.508c0 .41.336.746.748.746h106.506c.41 0 .746-.336.746-.746v-58.508a.749.749 0 0 0-.746-.746z"
    />
    <path
        fill="#4c241d"
        d="M92 176H68c-2.209 0-4-1.789-4-4s1.791-4 4-4h24c2.209 0 4 1.789 4 4s-1.791 4-4 4zM116 176h-12c-2.209 0-4-1.789-4-4s1.791-4 4-4h12c2.209 0 4 1.789 4 4s-1.791 4-4 4z"
    />
    <path fill="#fff" d="M52 140h116v16H52z" />
    <path
        fill="#4c241d"
        d="M168 160H52c-2.209 0-4-1.789-4-4v-16c0-2.211 1.791-4 4-4h116c2.211 0 4 1.789 4 4v16c0 2.211-1.789 4-4 4zm-112-8h108v-8H56z"
    />
    <circle cx="232" cy="60" r="32" fill="#a9ba5a" />
    <path
        fill="#4c241d"
        d="M232 96c-19.852 0-36-16.148-36-36s16.148-36 36-36 36 16.148 36 36-16.148 36-36 36zm0-64c-15.438 0-28 12.562-28 28s12.562 28 28 28 28-12.562 28-28-12.562-28-28-28z"
    />
    <path
        fill="#fff"
        d="M228 76a4 4 0 0 1-2.828-1.172l-8-8a4 4 0 1 1 5.656-5.656l4.551 4.551 13.293-19.941a3.995 3.995 0 0 1 5.547-1.109 3.997 3.997 0 0 1 1.109 5.547l-16 24A4 4 0 0 1 228 76z"
    />
    <g fill="#4c241d">
        <path
            d="M84 80c-2.209 0-4-1.789-4-4V56c0-2.211 1.791-4 4-4s4 1.789 4 4v20c0 2.211-1.791 4-4 4zM64 100H44c-2.209 0-4-1.789-4-4s1.791-4 4-4h20c2.209 0 4 1.789 4 4s-1.791 4-4 4zM68.262 83.695a3.988 3.988 0 0 1-2.828-1.172L51.215 68.305a4 4 0 1 1 5.656-5.656L71.09 76.867a4 4 0 0 1-2.828 6.828z"
        />
    </g>
</svg>
More icons in the same style and category