google pay icon logo
google-pay-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- google-pay-icon
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×218
- License
- CC0
Related icons in SVG Logos
google-2014google-360suitegoogle-admobgoogle-adsgoogle-adsensegoogle-adwordsgoogle-aistudiogoogle-aistudio-darkgoogle-analyticsgoogle-bardgoogle-bard-icongoogle-calendargoogle-calendar-2020google-cloudgoogle-cloud-functionsgoogle-cloud-platformgoogle-cloud-rungoogle-currentsgoogle-data-studiogoogle-developersgoogle-developers-icongoogle-domainsgoogle-domains-icongoogle-drive
Use the google pay icon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 218"><path fill="#EA4335" d="M232.504 42.169c-25.25-14.576-57.538-5.915-72.13 19.336l-36.782 63.717c-10.643 18.4 3.059 24.829 18.337 33.99l35.393 20.427c11.986 6.914 27.295 2.81 34.208-9.16l37.813-65.482c12.702-22.004 5.165-50.125-16.839-62.828Z"/><path fill="#FBBC04" d="m190.884 68.542l-35.393-20.428c-19.538-10.846-30.603-11.564-38.624 1.186l-52.201 90.404c-14.576 25.234-5.9 57.507 19.335 72.051c22.004 12.703 50.126 5.166 62.829-16.838l53.2-92.152c6.944-11.985 2.84-27.31-9.146-34.223Z"/><path fill="#34A853" d="M197.697 22.069L172.837 7.71C145.34-8.16 110.18 1.25 94.309 28.747l-47.332 81.976c-6.991 12.095-2.84 27.576 9.255 34.551l27.84 16.074c13.748 7.944 31.32 3.23 39.264-10.518l54.073-93.65c11.205-19.397 36.003-26.045 55.4-14.84l-35.112-20.272Z"/><path fill="#4285F4" d="M101.033 52.203L74.16 36.722c-11.985-6.898-27.294-2.81-34.207 9.145L7.71 101.579c-15.87 27.419-6.46 62.5 21.037 78.325l20.459 11.782L74.02 205.98l10.768 6.195c-19.117-12.796-25.188-38.436-13.5-58.63l8.35-14.42L110.209 86.3c6.898-11.923 2.794-27.2-9.176-34.098Z"/></svg>
React
import type { SVGProps } from "react";
export function LogosGooglePayIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 218"><path fill="#EA4335" d="M232.504 42.169c-25.25-14.576-57.538-5.915-72.13 19.336l-36.782 63.717c-10.643 18.4 3.059 24.829 18.337 33.99l35.393 20.427c11.986 6.914 27.295 2.81 34.208-9.16l37.813-65.482c12.702-22.004 5.165-50.125-16.839-62.828Z"/><path fill="#FBBC04" d="m190.884 68.542l-35.393-20.428c-19.538-10.846-30.603-11.564-38.624 1.186l-52.201 90.404c-14.576 25.234-5.9 57.507 19.335 72.051c22.004 12.703 50.126 5.166 62.829-16.838l53.2-92.152c6.944-11.985 2.84-27.31-9.146-34.223Z"/><path fill="#34A853" d="M197.697 22.069L172.837 7.71C145.34-8.16 110.18 1.25 94.309 28.747l-47.332 81.976c-6.991 12.095-2.84 27.576 9.255 34.551l27.84 16.074c13.748 7.944 31.32 3.23 39.264-10.518l54.073-93.65c11.205-19.397 36.003-26.045 55.4-14.84l-35.112-20.272Z"/><path fill="#4285F4" d="M101.033 52.203L74.16 36.722c-11.985-6.898-27.294-2.81-34.207 9.145L7.71 101.579c-15.87 27.419-6.46 62.5 21.037 78.325l20.459 11.782L74.02 205.98l10.768 6.195c-19.117-12.796-25.188-38.436-13.5-58.63l8.35-14.42L110.209 86.3c6.898-11.923 2.794-27.2-9.176-34.098Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 218"><path fill="#EA4335" d="M232.504 42.169c-25.25-14.576-57.538-5.915-72.13 19.336l-36.782 63.717c-10.643 18.4 3.059 24.829 18.337 33.99l35.393 20.427c11.986 6.914 27.295 2.81 34.208-9.16l37.813-65.482c12.702-22.004 5.165-50.125-16.839-62.828Z"/><path fill="#FBBC04" d="m190.884 68.542l-35.393-20.428c-19.538-10.846-30.603-11.564-38.624 1.186l-52.201 90.404c-14.576 25.234-5.9 57.507 19.335 72.051c22.004 12.703 50.126 5.166 62.829-16.838l53.2-92.152c6.944-11.985 2.84-27.31-9.146-34.223Z"/><path fill="#34A853" d="M197.697 22.069L172.837 7.71C145.34-8.16 110.18 1.25 94.309 28.747l-47.332 81.976c-6.991 12.095-2.84 27.576 9.255 34.551l27.84 16.074c13.748 7.944 31.32 3.23 39.264-10.518l54.073-93.65c11.205-19.397 36.003-26.045 55.4-14.84l-35.112-20.272Z"/><path fill="#4285F4" d="M101.033 52.203L74.16 36.722c-11.985-6.898-27.294-2.81-34.207 9.145L7.71 101.579c-15.87 27.419-6.46 62.5 21.037 78.325l20.459 11.782L74.02 205.98l10.768 6.195c-19.117-12.796-25.188-38.436-13.5-58.63l8.35-14.42L110.209 86.3c6.898-11.923 2.794-27.2-9.176-34.098Z"/></svg> </template>
CSS
.icon-google-pay-icon {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20218%22%3E%3Cpath%20fill%3D%22%23EA4335%22%20d%3D%22M232.504%2042.169c-25.25-14.576-57.538-5.915-72.13%2019.336l-36.782%2063.717c-10.643%2018.4%203.059%2024.829%2018.337%2033.99l35.393%2020.427c11.986%206.914%2027.295%202.81%2034.208-9.16l37.813-65.482c12.702-22.004%205.165-50.125-16.839-62.828Z%22%2F%3E%3Cpath%20fill%3D%22%23FBBC04%22%20d%3D%22m190.884%2068.542l-35.393-20.428c-19.538-10.846-30.603-11.564-38.624%201.186l-52.201%2090.404c-14.576%2025.234-5.9%2057.507%2019.335%2072.051c22.004%2012.703%2050.126%205.166%2062.829-16.838l53.2-92.152c6.944-11.985%202.84-27.31-9.146-34.223Z%22%2F%3E%3Cpath%20fill%3D%22%2334A853%22%20d%3D%22M197.697%2022.069L172.837%207.71C145.34-8.16%20110.18%201.25%2094.309%2028.747l-47.332%2081.976c-6.991%2012.095-2.84%2027.576%209.255%2034.551l27.84%2016.074c13.748%207.944%2031.32%203.23%2039.264-10.518l54.073-93.65c11.205-19.397%2036.003-26.045%2055.4-14.84l-35.112-20.272Z%22%2F%3E%3Cpath%20fill%3D%22%234285F4%22%20d%3D%22M101.033%2052.203L74.16%2036.722c-11.985-6.898-27.294-2.81-34.207%209.145L7.71%20101.579c-15.87%2027.419-6.46%2062.5%2021.037%2078.325l20.459%2011.782L74.02%20205.98l10.768%206.195c-19.117-12.796-25.188-38.436-13.5-58.63l8.35-14.42L110.209%2086.3c6.898-11.923%202.794-27.2-9.176-34.098Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20218%22%3E%3Cpath%20fill%3D%22%23EA4335%22%20d%3D%22M232.504%2042.169c-25.25-14.576-57.538-5.915-72.13%2019.336l-36.782%2063.717c-10.643%2018.4%203.059%2024.829%2018.337%2033.99l35.393%2020.427c11.986%206.914%2027.295%202.81%2034.208-9.16l37.813-65.482c12.702-22.004%205.165-50.125-16.839-62.828Z%22%2F%3E%3Cpath%20fill%3D%22%23FBBC04%22%20d%3D%22m190.884%2068.542l-35.393-20.428c-19.538-10.846-30.603-11.564-38.624%201.186l-52.201%2090.404c-14.576%2025.234-5.9%2057.507%2019.335%2072.051c22.004%2012.703%2050.126%205.166%2062.829-16.838l53.2-92.152c6.944-11.985%202.84-27.31-9.146-34.223Z%22%2F%3E%3Cpath%20fill%3D%22%2334A853%22%20d%3D%22M197.697%2022.069L172.837%207.71C145.34-8.16%20110.18%201.25%2094.309%2028.747l-47.332%2081.976c-6.991%2012.095-2.84%2027.576%209.255%2034.551l27.84%2016.074c13.748%207.944%2031.32%203.23%2039.264-10.518l54.073-93.65c11.205-19.397%2036.003-26.045%2055.4-14.84l-35.112-20.272Z%22%2F%3E%3Cpath%20fill%3D%22%234285F4%22%20d%3D%22M101.033%2052.203L74.16%2036.722c-11.985-6.898-27.294-2.81-34.207%209.145L7.71%20101.579c-15.87%2027.419-6.46%2062.5%2021.037%2078.325l20.459%2011.782L74.02%20205.98l10.768%206.195c-19.117-12.796-25.188-38.436-13.5-58.63l8.35-14.42L110.209%2086.3c6.898-11.923%202.794-27.2-9.176-34.098Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/google-pay-icon.svg?color=%231a73e8&size=48
