Skip to navigation
Resources

Cash App Pay Assets

Use these assets across any Cash App Pay marketing communications.

We have produced a detailed online presentation called Cash App Pay Merchant guidelines. It contains extensive information and advice on assets, themes, customer experience, payment choices and more. View it and then apply its guidelines to use the assets on this page effectively.

Make sure you use the provided link or code sample. The previews shown here are not high resolution images and may appear pixelated if embedded on your site(s). More code samples coming soon!

Logos

Logo Lockup

Green WhiteGreen Black
Cash App - Logo Green White.pngCash App - Logo Green Black.png
<img alt="Cash App" src="https://static.afterpaycdn.com/en-US/integration/logo/lockup/cashapp-color-white-32.svg" height="32" /><img alt="Cash App" src="https://static.afterpaycdn.com/en-US/integration/logo/lockup/cashapp-color-black-32.svg" height="32" />

Mono WhiteMono Black
Cash App - Logo White.pngCash App - Logo Black.png
<img alt="Cash App" src="https://static.afterpaycdn.com/en-US/integration/logo/lockup/cashapp-mono-white-32.svg" height="32" /><img alt="Cash App" src="https://static.afterpaycdn.com/en-US/integration/logo/lockup/cashapp-mono-black-32.svg" height="32" />

Payment Badge

Rounded

Green On DarkGreen
Payment Badge - Green on dark.pngPayment Badge - Green.png
<img alt="Cash App Pay" src="https://static.afterpaycdn.com/en-US/integration/logo/icon/color.svg" height="24" /><img alt="Cash App Pay" src="https://static.afterpaycdn.com/en-US/integration/logo/icon/color.svg" height="24" />

Monochrome Black On LightMonochrome White On Dark
Payment Badge - Monochrome Black on light.pngPayment Badge - Monochrome White on dark.png
<img alt="Cash App Pay" src="https://static.afterpay.com/en-US/integration/logo/icon/mono-light.svg" height="24" /><img alt="Cash App Pay" src="https://static.afterpay.com/en-US/integration/logo/icon/mono-dark.svg" height="24" />

Squared

Green On DarkGreen
Squared Payment Badge - Green on dark.pngSquared Payment Badge - Green.png
<img alt="Cash App Pay" src="https://static.afterpaycdn.com/en-US/integration/logo/squared-badge/color.svg" height="24" /><img alt="Cash App Pay" src="https://static.afterpaycdn.com/en-US/integration/logo/squared-badge/color.svg" height="24" />

Mono LightMono Dark
Squared Payment Badge - mono light.pngSquared Payment Badge - mono dark.png
<img alt="Cash App Pay" src="https://static.afterpaycdn.com/en-US/integration/logo/squared-badge/mono-light.svg" height="24" /><img alt="Cash App Pay" src="https://static.afterpaycdn.com/en-US/integration/logo/squared-badge/mono-dark.svg" height="24" />

Buttons

Use the default Cash App Pay button, or pick the button whose call to action matches what the customer is doing.

Cash App Pay

The default button, with no call to action. Use it when a call to action like Pay with or Checkout with doesn’t fit.

Black
Cash App Pay button, black
<img alt="Cash App Pay" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/cash-app-pay/color-on-black.svg" width="320" height="48" />
White
Cash App Pay button, white
<img alt="Cash App Pay" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/cash-app-pay/color-on-white-outlined.svg" width="320" height="48" />
Monochrome Black
Cash App Pay button, monochrome black
<img alt="Cash App Pay" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/cash-app-pay/monochrome-on-black.svg" width="320" height="48" />
Monochrome White
Cash App Pay button, monochrome white
<img alt="Cash App Pay" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/cash-app-pay/monochrome-on-white.svg" width="320" height="48" />
Green
Cash App Pay button, green
<img alt="Cash App Pay" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/cash-app-pay/monochrome-on-green.svg" width="320" height="48" />

Cash App

The Cash App icon and “Cash App”, with no call to action.

Black
Cash App button, black
<img alt="Cash App" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/cash-app/color-on-black.svg" width="320" height="48" />
White
Cash App button, white
<img alt="Cash App" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/cash-app/color-on-white-outlined.svg" width="320" height="48" />
Monochrome Black
Cash App button, monochrome black
<img alt="Cash App" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/cash-app/monochrome-on-black.svg" width="320" height="48" />
Monochrome White
Cash App button, monochrome white
<img alt="Cash App" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/cash-app/monochrome-on-white.svg" width="320" height="48" />
Green
Cash App button, green
<img alt="Cash App" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/cash-app/monochrome-on-green.svg" width="320" height="48" />

Pay with Cash App

Use for payments, both one-time and on-file.

Black
Pay with Cash App button, black
<img alt="Pay with Cash App" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/pay-with-cash-app/color-on-black.svg" width="320" height="48" />
White
Pay with Cash App button, white
<img alt="Pay with Cash App" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/pay-with-cash-app/color-on-white-outlined.svg" width="320" height="48" />
Monochrome Black
Pay with Cash App button, monochrome black
<img alt="Pay with Cash App" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/pay-with-cash-app/monochrome-on-black.svg" width="320" height="48" />
Monochrome White
Pay with Cash App button, monochrome white
<img alt="Pay with Cash App" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/pay-with-cash-app/monochrome-on-white.svg" width="320" height="48" />
Green
Pay with Cash App button, green
<img alt="Pay with Cash App" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/pay-with-cash-app/monochrome-on-green.svg" width="320" height="48" />

Buy with Cash App

Use for buy-now payments, such as a “Buy now” button on a product page, or as an alternative to Checkout with Cash App.

Black
Buy with Cash App button, black
<img alt="Buy with Cash App" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/buy-with-cash-app/color-on-black.svg" width="320" height="48" />
White
Buy with Cash App button, white
<img alt="Buy with Cash App" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/buy-with-cash-app/color-on-white-outlined.svg" width="320" height="48" />
Monochrome Black
Buy with Cash App button, monochrome black
<img alt="Buy with Cash App" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/buy-with-cash-app/monochrome-on-black.svg" width="320" height="48" />
Monochrome White
Buy with Cash App button, monochrome white
<img alt="Buy with Cash App" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/buy-with-cash-app/monochrome-on-white.svg" width="320" height="48" />
Green
Buy with Cash App button, green
<img alt="Buy with Cash App" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/buy-with-cash-app/monochrome-on-green.svg" width="320" height="48" />

Checkout with Cash App

Use on checkout pages.

Black
Checkout with Cash App button, black
<img alt="Checkout with Cash App" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/checkout-with-cash-app/color-on-black.svg" width="320" height="48" />
White
Checkout with Cash App button, white
<img alt="Checkout with Cash App" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/checkout-with-cash-app/color-on-white-outlined.svg" width="320" height="48" />
Monochrome Black
Checkout with Cash App button, monochrome black
<img alt="Checkout with Cash App" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/checkout-with-cash-app/monochrome-on-black.svg" width="320" height="48" />
Monochrome White
Checkout with Cash App button, monochrome white
<img alt="Checkout with Cash App" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/checkout-with-cash-app/monochrome-on-white.svg" width="320" height="48" />
Green
Checkout with Cash App button, green
<img alt="Checkout with Cash App" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/checkout-with-cash-app/monochrome-on-green.svg" width="320" height="48" />

Continue with Cash App

Use when the customer authorizes several types of actions at once, rather than only payments or only payouts, or when no other button fits.

Black
Continue with Cash App button, black
<img alt="Continue with Cash App" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/continue-with-cash-app/color-on-black.svg" width="320" height="48" />
White
Continue with Cash App button, white
<img alt="Continue with Cash App" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/continue-with-cash-app/color-on-white-outlined.svg" width="320" height="48" />
Monochrome Black
Continue with Cash App button, monochrome black
<img alt="Continue with Cash App" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/continue-with-cash-app/monochrome-on-black.svg" width="320" height="48" />
Monochrome White
Continue with Cash App button, monochrome white
<img alt="Continue with Cash App" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/continue-with-cash-app/monochrome-on-white.svg" width="320" height="48" />
Green
Continue with Cash App button, green
<img alt="Continue with Cash App" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/continue-with-cash-app/monochrome-on-green.svg" width="320" height="48" />

Connect to Cash App

Use when linking the customer’s Cash App account, such as saving it for future payments.

Black
Connect to Cash App button, black
<img alt="Connect to Cash App" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/connect-to-cash-app/color-on-black.svg" width="320" height="48" />
White
Connect to Cash App button, white
<img alt="Connect to Cash App" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/connect-to-cash-app/color-on-white-outlined.svg" width="320" height="48" />
Monochrome Black
Connect to Cash App button, monochrome black
<img alt="Connect to Cash App" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/connect-to-cash-app/monochrome-on-black.svg" width="320" height="48" />
Monochrome White
Connect to Cash App button, monochrome white
<img alt="Connect to Cash App" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/connect-to-cash-app/monochrome-on-white.svg" width="320" height="48" />
Green
Connect to Cash App button, green
<img alt="Connect to Cash App" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/connect-to-cash-app/monochrome-on-green.svg" width="320" height="48" />

Cash out with Cash App

Use for payouts.

Black
Cash out with Cash App button, black
<img alt="Cash out with Cash App" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/cash-out-with-cash-app/color-on-black.svg" width="320" height="48" />
White
Cash out with Cash App button, white
<img alt="Cash out with Cash App" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/cash-out-with-cash-app/color-on-white-outlined.svg" width="320" height="48" />
Monochrome Black
Cash out with Cash App button, monochrome black
<img alt="Cash out with Cash App" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/cash-out-with-cash-app/monochrome-on-black.svg" width="320" height="48" />
Monochrome White
Cash out with Cash App button, monochrome white
<img alt="Cash out with Cash App" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/cash-out-with-cash-app/monochrome-on-white.svg" width="320" height="48" />
Green
Cash out with Cash App button, green
<img alt="Cash out with Cash App" src="https://cash-f.squarecdn.com/static/cash-app-pay/buttons/cash-out-with-cash-app/monochrome-on-green.svg" width="320" height="48" />