> For the complete documentation index, see [llms.txt](https://docs.smind.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.smind.io/guides/cart-drawer/payment-icons.md).

# Payment Icons

Show icons of accepted payment methods to increase customer confidence at checkout.

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FRT646b8g2Z3RckdKyIEa%2FPayment%20Icons%20(1).jpg?alt=media&amp;token=3e74f254-cea4-4dbb-90f7-6c3be3f9af6a" alt=""><figcaption></figcaption></figure>

## **Key Features**

* Toggle Style: A simple switch in your theme settings to turn the entire icon set on or off.
* Custom Icon: Upload your own icon files for each provider.

## Benefits

* Builds Trust Instantly: Seeing familiar logos (Visa, Amex, Apple Pay) reassures the customer that they can pay safely with their preferred method.
* Mobile-Friendly UX: A clear, compact row of tappable icons works great on phones, so even small-screen buyers feel confident completing their purchase.

## How To Use?

1. Click **Add Block**
2. Choose **Payment Icon.**

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FeUw7sdbG32x1jROLIBP9%2FPayment%20Icon%201.jpg?alt=media&amp;token=d3fefb2c-f799-49e0-a502-5fe500cfb93e" alt=""><figcaption></figcaption></figure>

3. When the toggle is **off**, Shopify will automatically pull in and display every payment provider logo you’ve enabled in **Settings → Payments** (Visa, Apple Pay, Shop Pay, etc.). [Click here to learn more about it](https://help.shopify.com/en/manual/payments/manual-payments)

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FWsN09wlDryAafOknX12v%2FPayment%20Icon%202.jpg?alt=media&amp;token=bd4a84b6-0224-4012-913b-055bd88e2b77" alt=""><figcaption></figcaption></figure>

* When you switch it **on**, you can upload your own icon files for each provider&#x20;
* You also change the icon size to scale those icons up or down so they fit perfectly in your drawer.

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FFZE6pat3EnATHwhOzKmc%2FPayment%20Icon%203.jpg?alt=media&amp;token=1c3a37a2-852f-4d26-9fe9-f300e4d4abee" alt=""><figcaption></figcaption></figure>