Change Stripe Icons in WooCommerce

Posted: 7 months ago

The ability to change the payment gateway icons for Stripe isn’t something that’s well documented. However, there is a filter that allows you to do just that.

This can allow you to be more explicit in the cards accepted by your store or you could be really creative and theme the cards to match the rest of your website (although you may want to consider usability).

By default, if the currency isn’t USD then JCB, Discover and Diners club doesn’t show, however you can add these back in using the filter. You may notice we removed American Express logo, although someone could still use the card as we aren’t preventing them from doing so.

Default Stripe icons:

Modified Stripe icons:

Place the following in your active theme’s functions.php file and replace path/file names with the icons you would like to use.

PHP
functions.php