Update Bank Debit and Alipay Icons (#4099)

rafaelzaleski · web-flow · commit ddfac130482f · 2025-03-20T14:37:18.000Z
* Update AliPay icon

* Update Bank Debit icon

* Update changelog

* Update SVGs
diff --git a/assets/images/alipay.svg b/assets/images/alipay.svg
@@ -1,11 +1,4 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_22_433)">
-<rect width="32" height="32" fill="#1C9FE5"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M34.1563 22.8283C30.4256 21.6992 26.7387 20.4157 23.1041 18.9808C24.8331 15.9883 25.5868 12.0836 25.5868 12.0836L19.4988 12.0684V9.63718H26.9389V7.83239L19.4977 7.82656V4H16.3567C15.695 4 15.3149 4.40716 15.3149 5.1153V7.81723L7.80819 7.81139V9.63134H15.3149V12.0509L9.15259 12.0358V13.8837L21.1335 13.8896C20.7293 15.2126 20.218 16.4968 19.6052 17.7278C16.2902 16.5717 13.5172 15.8063 10.8195 15.8063C6.10914 15.8063 4 18.8898 4 21.9428C4 25.5676 6.77524 28 10.9071 28C15.5565 28 18.8216 24.8419 20.8997 22.3943C24.6381 24.2574 29.5535 26.4355 31.9973 27.5018C34.1563 28.4958 36.2001 23.6788 34.1563 22.8283ZM5.69019 21.7853L5.6913 21.7888C5.6913 19.5594 7.99661 18.3951 10.3906 18.3951C12.8533 18.3951 14.5579 19.1604 17.7388 20.7517C15.3592 23.7535 12.871 25.2736 10.3307 25.2736C7.04234 25.2736 5.69019 23.5213 5.69019 21.7853Z" fill="white"/>
-</g>
-<defs>
-<clipPath id="clip0_22_433">
-<rect width="32" height="32" fill="white"/>
-</clipPath>
-</defs>
+<svg width="64" height="40" viewBox="0 0 64 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="64" height="40" rx="3" fill="#00A1E9"/>
+<path d="M21.6578 6C19.0831 6 17 8.00771 17 10.4864V29.5144C17 31.9912 19.0831 34 21.6578 34H41.42C43.9926 34 46.0766 31.9913 46.0766 29.5144V29.3198C45.99 29.285 38.5199 26.2845 34.723 24.5264C32.1615 27.562 28.8575 29.4037 25.427 29.4037C19.6262 29.4037 17.6563 24.5148 20.403 21.2966C21.0019 20.5951 22.0207 19.9248 23.6019 19.5496C26.0754 18.9644 30.0119 19.915 33.7014 21.0875C34.365 19.9102 34.9233 18.6136 35.3392 17.2331H23.9693V16.1242H29.8321V14.1359H22.7312V13.026H29.8321V10.1897C29.8321 10.1897 29.8321 9.7119 30.3349 9.7119H33.2009V13.026H40.2208V14.1359H33.2009V16.1242H38.9309C38.3826 18.2873 37.5501 20.2784 36.505 22.0262C38.2441 22.632 39.8051 23.2065 40.9685 23.5817C44.849 24.8321 45.9365 24.9849 46.0769 25.0009V10.4865C46.0769 8.00781 43.9929 6.00009 41.4203 6.00009L21.6578 6ZM24.8464 21.1705C24.5974 21.1733 24.3473 21.1864 24.0953 21.2103C23.3689 21.2806 22.0051 21.5893 21.2595 22.2244C19.0247 24.1012 20.3623 27.5324 24.8854 27.5324C27.5148 27.5324 30.1419 25.9136 32.2057 23.3216C29.5451 22.0714 27.2533 21.1437 24.8464 21.1705Z" fill="white"/>
 </svg>
diff --git a/assets/images/bank-debit.svg b/assets/images/bank-debit.svg
@@ -1 +1,3 @@
-<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M.134 5.5a1 1 0 0 0 .885.5h13.962a1 1 0 0 0 .519-1.866C15.18 3.95 12.68 2.572 8 0 3.319 2.572.819 3.95.5 4.134A1 1 0 0 0 .134 5.5ZM11 7.5V14H9.5V7.5h-3V14H5V7.5H2V14H1a1 1 0 0 0-1 1v1h16v-1a1 1 0 0 0-1-1h-1V7.5h-3Z" fill="#000"/></svg>
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.8613 6.99992H21.6667V5.66658L20.3333 4.99992L11 0.333252L1.66666 4.99992L0.333328 5.66658V6.99992H19.8613ZM15.8613 4.99992L11 2.56925L6.13866 4.99992H15.8613ZM5.33199 17.5866V8.91992H3.33199V17.5866H5.33199ZM11.9987 8.91992V17.5866H9.99866V8.91992H11.9987ZM18.6653 8.91992V17.5866H16.6653V8.91992H18.6653ZM21.668 20.6666C21.668 21.2186 21.2227 21.6666 20.6707 21.6666H1.33599C1.07078 21.6666 0.816425 21.5612 0.628888 21.3737C0.441352 21.1862 0.335995 20.9318 0.335995 20.6666C0.335995 20.4014 0.441352 20.147 0.628888 19.9595C0.816425 19.7719 1.07078 19.6666 1.33599 19.6666H20.6693C20.9343 19.6669 21.1883 19.7724 21.3756 19.9599C21.5628 20.1474 21.668 20.4016 21.668 20.6666Z" fill="#1E1E1E"/>
+</svg>
diff --git a/changelog.txt b/changelog.txt
@@ -18,6 +18,7 @@
 * Fix - Prevent reuse of payment intents when order total doesn't match intent amount.
 * Update - Update payment method type for Amazon Pay orders.
 * Fix - Compatibility with email preview in the Auth Requested email
+* Update - Update Alipay and bank debit icons.
 
 = 9.3.1 - 2025-03-14 =
 * Fix - Temporarily disables the subscriptions detached notice feature due to long loading times on stores with many subscriptions.
diff --git a/client/payment-method-icons/alipay/icon.svg b/client/payment-method-icons/alipay/icon.svg
@@ -1 +1,4 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 374" preserveAspectRatio="xMidYMid meet"><defs><style>.cls-1{fill:#ec6c00}.cls-2{fill:#003f96}</style></defs><path class="cls-1" d="M326 287l-8 2-7 3-5 4a10 10 0 00-3 5l2 5c2 2 5 2 5 2l6-2 2-4-2-7 4-2 6-1 6 2 4 4 1 3 1 4v5l-12 4-12 4-5 3-4 3a16 16 0 00-4 4l-1 7c0 6 5 10 5 10 5 4 12 4 12 4l9-1 3-1 9-7a10 10 0 004 6c3 3 8 3 8 3l5-1 6-2v-3h-4l-4-1-2-2-1-4v-29l-1-10-6-6-7-3-10-1zm12 28v21l-6 4-6 3h-3a10 10 0 01-7-3c-2-2-2-7-2-7a13 13 0 011-6l6-5 7-4 10-3zm23-26h29v4l-4 1-3 2v1l16 35 16-34-3-3-6-2v-4h24v4l-5 2a14 14 0 00-5 5l-13 30-17 32-7 8-5 3-5 1s-5 0-8-2a6 6 0 01-2-5l1-5a8 8 0 015-2l3 1 3 1 4 5 8-8s6-10 4-18l-19-42-5-4-6-2v-4m-100-1l-8 2-9 6v-7l-1-1-22 2v4h4l3 1 3 3 1 3v63l-1 3-3 2-3 1h-4v4h36v-4l-9-2-3-2-1-3v-18l7 3 9 1h1l11-2 9-7 7-9 2-13-2-12a33 33 0 00-6-10 27 27 0 00-8-6l-11-2zm0 8c9 1 13 8 13 8 5 5 4 14 4 14a26 26 0 01-4 14c-5 7-13 8-13 8-7 1-17-5-17-5v-34a43 43 0 0117-5zM95 262l-30 71-3 5-4 3-5 2h-4v4h35v-4l-9-1c-4-2-4-4-4-4v-2l6-18h33l7 19 1 2v1c0 2-3 2-3 2l-9 1v4h39v-4h-4l-4-1-4-4a7 7 0 01-2-3l-31-73zm-2 19h1l13 32H80zm102 0a8 8 0 01-6-3 8 8 0 01-3-5 9 9 0 013-6 9 9 0 016-2 10 10 0 016 2l2 5-2 6a10 10 0 01-6 3m11 9v47l1 3 3 2 6 2v3h-31v-3l5-1 3-2 1-3v-36l-1-4-3-3-3-1h-4v-4l22-2 1 1m-40-33l-23 1h-1v4h1l4 1 4 1 3 3 1 4v68l-1 3-3 2-6 1v3h31v-3l-3-1-3-1-2-1-1-4v-80l-1-1m424 34l22-2 1 2v8l4-4 5-3a23 23 0 015-3h7l11 3 7 7 4-4 5-3a24 24 0 015-3h8s8 0 13 5c0 0 5 5 5 14v33l3 3h3l4 1v3h-32v-3l6-1 3-2v-33s0-7-3-10a12 12 0 00-7-3h-7l-5 3-3 3-2 3v33l1 3 3 3h3l3 1v3h-31v-3l5-1 3-2 1-3v-30s0-7-3-10a11 11 0 00-8-3h-6l-5 3-3 3-2 2v34l1 3 2 2 3 1 3 1v3h-31v-3l6-1 3-2 1-3v-37l-1-3-3-3-3-1h-4v-4m-126 31s0 11 6 18c0 0 6 8 15 8l12-3 9-9 4 3a37 37 0 01-12 11 36 36 0 01-16 4s-15 0-23-8a35 35 0 01-9-24 35 35 0 012-12 36 36 0 017-10 38 38 0 0110-7 40 40 0 0114-3s10 0 17 4c0 0 6 5 6 12l-2 5-5 3-7-2-2-4 1-6 1-4-4-3h-5l-7 1-6 5-4 8a44 44 0 00-2 13m85-32a40 40 0 00-24 9c-9 9-9 23-9 23a37 37 0 002 14l8 10a39 39 0 0010 7l13 2 15-3a34 34 0 0010-7l7-10 3-13a33 33 0 00-10-23c-9-9-24-9-24-9h-1zm0 5h1l9 2 6 6 3 9 1 10c0 13-5 21-5 21a19 19 0 01-14 7h-1l-8-2-6-7-4-9a61 61 0 01-1-11l1-9 3-9a26 26 0 017-6 21 21 0 018-2zm-118 55a5 5 0 005-5s0-6-5-6c0 0-6 0-6 6 0 0 0 5 6 5"/><path d="M701 0v2h5v16h3V2h5V0zm16 0v18h2V3l6 15h2l5-15v15h2V0h-3l-5 15-6-15z"/><path class="cls-2" d="M586 0l-9 1s-10 2-10 6v14l-41 1v-7h-19s-18 1-18 7v51h78v35h-54v14h54v80l40-5v-75h58v-14h-58V73h68v-7h2s5 0 8-9l3-23s0-17-18-17l-63 3V0zm62 32a6 6 0 016 6l-3 21H526V36l41-1 40-1z"/><path class="cls-1" d="M342 108l12 15 15 13s5 4 9 0l14-13 13-15s5-4 0-9l-12-15-15-13s-4-4-9 0l-14 13-13 15s-4 5 0 9m335 46a6 6 0 000-7l-10-11-12-10a5 5 0 00-6 0l-11 10-10 11s-3 3 0 7l10 11 11 10s3 3 6 0l12-10 10-11"/><path class="cls-2" d="M78 91h120a166 166 0 01-13 31s-15 29-38 51c0 0-43 40-71 40 0 0-20 0-34-7 0 0-16-10-16-31 0 0 0-28 42-36 0 0-27-2-41 13 0 0-14 12-14 34 0 0 0 21 19 34a79 79 0 0042 11h6s47-2 91-39c0 0 38-31 57-76a188 188 0 009-28l2-11h-65V46h82V33h-82V1h-21l-9 1s-10 2-10 6v25H56v13h78v31H78v14M346 0v7l-5 16a95 95 0 01-12 20v158l-40-5V71l-28 12-5-8a238 238 0 0027-23s27-27 27-45c0 0 0-4 9-6l9-1h18"/><path class="cls-2" d="M335 60h76v146h40V60h21V46h-21V0h-22l-9 1s-9 2-9 6v39h-76v14"/><path class="cls-1" d="M153 145s-51-22-83-23c0 0-26-2-47 13 0 0-22 16-23 39 0 0 0 27 22 43 0 0 20 14 52 14h3-5s-24 0-40-12c0 0-18-13-18-34 0 0 0-23 16-35 0 0 13-10 35-10l31 4 25 9 57 29s40 21 77 33c0 0 132 44 425 15l16-3s6-2 10-9c0 0 4-6 30-30 0 0 19-17 13-22l-9 1s-96 22-243 28c0 0-164 6-246-17 0 0-56-16-98-33"/></svg>
+<svg width="64" height="40" viewBox="0 0 64 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="64" height="40" rx="3" fill="#00A1E9"/>
+<path d="M21.6578 6C19.0831 6 17 8.00771 17 10.4864V29.5144C17 31.9912 19.0831 34 21.6578 34H41.42C43.9926 34 46.0766 31.9913 46.0766 29.5144V29.3198C45.99 29.285 38.5199 26.2845 34.723 24.5264C32.1615 27.562 28.8575 29.4037 25.427 29.4037C19.6262 29.4037 17.6563 24.5148 20.403 21.2966C21.0019 20.5951 22.0207 19.9248 23.6019 19.5496C26.0754 18.9644 30.0119 19.915 33.7014 21.0875C34.365 19.9102 34.9233 18.6136 35.3392 17.2331H23.9693V16.1242H29.8321V14.1359H22.7312V13.026H29.8321V10.1897C29.8321 10.1897 29.8321 9.7119 30.3349 9.7119H33.2009V13.026H40.2208V14.1359H33.2009V16.1242H38.9309C38.3826 18.2873 37.5501 20.2784 36.505 22.0262C38.2441 22.632 39.8051 23.2065 40.9685 23.5817C44.849 24.8321 45.9365 24.9849 46.0769 25.0009V10.4865C46.0769 8.00781 43.9929 6.00009 41.4203 6.00009L21.6578 6ZM24.8464 21.1705C24.5974 21.1733 24.3473 21.1864 24.0953 21.2103C23.3689 21.2806 22.0051 21.5893 21.2595 22.2244C19.0247 24.1012 20.3623 27.5324 24.8854 27.5324C27.5148 27.5324 30.1419 25.9136 32.2057 23.3216C29.5451 22.0714 27.2533 21.1437 24.8464 21.1705Z" fill="white"/>
+</svg>
diff --git a/client/payment-method-icons/alipay/index.js b/client/payment-method-icons/alipay/index.js
@@ -4,8 +4,12 @@ import IconWithShell from '../styles/icon-with-shell';
 import icon from './icon.svg';
 
 const Wrapper = styled( IconWithShell )`
-	padding-top: 4px;
-	padding-bottom: 4px;
+	padding: 0;
+	border: none;
+
+	img {
+		outline: 1px solid #ddd;
+	}
 `;
 
 const AlipayIcon = ( props ) => <Wrapper { ...props } src={ icon } />;
diff --git a/client/payment-method-icons/bank-debit/icon.svg b/client/payment-method-icons/bank-debit/icon.svg
@@ -1,5 +1,3 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="  bank">
-<path id="Glyph" fill-rule="evenodd" clip-rule="evenodd" d="M0.134139 5.5C0.322616 5.82646 0.667367 6.00644 1.01934 6H14.9807C15.3326 6.00644 15.6774 5.82646 15.8659 5.5C16.142 5.02171 15.9781 4.41012 15.4998 4.13397C15.181 3.94988 12.681 2.57189 8 0C3.31896 2.57189 0.819012 3.94988 0.500157 4.13397C0.0218739 4.41012 -0.141998 5.02171 0.134139 5.5ZM11 7.5V14H9.5V7.5H6.5V14H5V7.5H2V14H1.00017C0.447882 14 0.000166972 14.4477 0.000166972 15V16H15.9998V15C15.9998 14.4477 15.5521 14 14.9998 14H14V7.5H11Z" fill="black"/>
-</g>
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.8613 6.99992H21.6667V5.66658L20.3333 4.99992L11 0.333252L1.66666 4.99992L0.333328 5.66658V6.99992H19.8613ZM15.8613 4.99992L11 2.56925L6.13866 4.99992H15.8613ZM5.33199 17.5866V8.91992H3.33199V17.5866H5.33199ZM11.9987 8.91992V17.5866H9.99866V8.91992H11.9987ZM18.6653 8.91992V17.5866H16.6653V8.91992H18.6653ZM21.668 20.6666C21.668 21.2186 21.2227 21.6666 20.6707 21.6666H1.33599C1.07078 21.6666 0.816425 21.5612 0.628888 21.3737C0.441352 21.1862 0.335995 20.9318 0.335995 20.6666C0.335995 20.4014 0.441352 20.147 0.628888 19.9595C0.816425 19.7719 1.07078 19.6666 1.33599 19.6666H20.6693C20.9343 19.6669 21.1883 19.7724 21.3756 19.9599C21.5628 20.1474 21.668 20.4016 21.668 20.6666Z" fill="#1E1E1E"/>
 </svg>
diff --git a/readme.txt b/readme.txt
@@ -128,5 +128,6 @@ If you get stuck, you can ask for help in the [Plugin Forum](https://wordpress.o
 * Fix - Prevent reuse of payment intents when order total doesn't match intent amount.
 * Update - Update payment method type for Amazon Pay orders.
 * Fix - Compatibility with email preview in the Auth Requested email
+* Update - Update Alipay and bank debit icons.
 
 [See changelog for all versions](https://raw.githubusercontent.com/woocommerce/woocommerce-gateway-stripe/trunk/changelog.txt).
