google pay logo
google-pay from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- google-pay
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Related icons in CoreUI Brands
Use the google pay logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m32 13.333l-4.177 9.333h-1.292l1.552-3.266l-2.75-6.068h1.359l1.99 4.651h.026l1.927-4.651zm-17.354 2.886V20h-1.313v-9.333h3.474a3.3 3.3 0 0 1 2.25.807c.615.505.953 1.219.943 1.974a2.49 2.49 0 0 1-.943 1.979c-.604.531-1.354.792-2.25.792zm-.005-4.401v3.255h2.198a1.82 1.82 0 0 0 1.297-.479c.339-.302.526-.714.526-1.141c0-.432-.188-.844-.526-1.141a1.8 1.8 0 0 0-1.297-.495zm7.989 1.515q1.251.001 1.979.698c.728.697.724 1.099.724 1.906v3.859H24.25v-.87h-.047q-.702 1.072-1.865 1.073c-.667 0-1.219-.203-1.667-.615a2 2 0 0 1-.672-1.531q-.001-.969.708-1.547q.705-.572 1.885-.573q1.008.001 1.656.385v-.271a1.38 1.38 0 0 0-.464-1.042a1.58 1.58 0 0 0-1.094-.427q-.945 0-1.5.828l-.995-.646q.821-1.228 2.432-1.229zm-1.463 4.547a.94.94 0 0 0 .375.766c.25.203.563.313.88.307c.474 0 .932-.198 1.271-.547c.359-.333.563-.802.563-1.292q-.53-.438-1.474-.438c-.464 0-.844.115-1.151.344c-.307.234-.464.516-.464.859zM5.443 10.667a5.3 5.3 0 0 1 3.641 1.391l-1.552 1.521a3 3 0 0 0-2.089-.797a3.25 3.25 0 0 0-3.057 2.198a3.12 3.12 0 0 0 0 2.042a3.25 3.25 0 0 0 3.057 2.198c.734 0 1.365-.182 1.854-.505A2.47 2.47 0 0 0 8.38 17.09H5.442v-2.052h5.13q.094.538.094 1.083c0 1.625-.594 3-1.62 3.927c-.901.813-2.135 1.286-3.604 1.286a5.45 5.45 0 0 1-4.865-2.938a5.25 5.25 0 0 1 0-4.792a5.45 5.45 0 0 1 4.859-2.938z"/></svg>
React
import type { SVGProps } from "react";
export function CibGooglePay(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m32 13.333l-4.177 9.333h-1.292l1.552-3.266l-2.75-6.068h1.359l1.99 4.651h.026l1.927-4.651zm-17.354 2.886V20h-1.313v-9.333h3.474a3.3 3.3 0 0 1 2.25.807c.615.505.953 1.219.943 1.974a2.49 2.49 0 0 1-.943 1.979c-.604.531-1.354.792-2.25.792zm-.005-4.401v3.255h2.198a1.82 1.82 0 0 0 1.297-.479c.339-.302.526-.714.526-1.141c0-.432-.188-.844-.526-1.141a1.8 1.8 0 0 0-1.297-.495zm7.989 1.515q1.251.001 1.979.698c.728.697.724 1.099.724 1.906v3.859H24.25v-.87h-.047q-.702 1.072-1.865 1.073c-.667 0-1.219-.203-1.667-.615a2 2 0 0 1-.672-1.531q-.001-.969.708-1.547q.705-.572 1.885-.573q1.008.001 1.656.385v-.271a1.38 1.38 0 0 0-.464-1.042a1.58 1.58 0 0 0-1.094-.427q-.945 0-1.5.828l-.995-.646q.821-1.228 2.432-1.229zm-1.463 4.547a.94.94 0 0 0 .375.766c.25.203.563.313.88.307c.474 0 .932-.198 1.271-.547c.359-.333.563-.802.563-1.292q-.53-.438-1.474-.438c-.464 0-.844.115-1.151.344c-.307.234-.464.516-.464.859zM5.443 10.667a5.3 5.3 0 0 1 3.641 1.391l-1.552 1.521a3 3 0 0 0-2.089-.797a3.25 3.25 0 0 0-3.057 2.198a3.12 3.12 0 0 0 0 2.042a3.25 3.25 0 0 0 3.057 2.198c.734 0 1.365-.182 1.854-.505A2.47 2.47 0 0 0 8.38 17.09H5.442v-2.052h5.13q.094.538.094 1.083c0 1.625-.594 3-1.62 3.927c-.901.813-2.135 1.286-3.604 1.286a5.45 5.45 0 0 1-4.865-2.938a5.25 5.25 0 0 1 0-4.792a5.45 5.45 0 0 1 4.859-2.938z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m32 13.333l-4.177 9.333h-1.292l1.552-3.266l-2.75-6.068h1.359l1.99 4.651h.026l1.927-4.651zm-17.354 2.886V20h-1.313v-9.333h3.474a3.3 3.3 0 0 1 2.25.807c.615.505.953 1.219.943 1.974a2.49 2.49 0 0 1-.943 1.979c-.604.531-1.354.792-2.25.792zm-.005-4.401v3.255h2.198a1.82 1.82 0 0 0 1.297-.479c.339-.302.526-.714.526-1.141c0-.432-.188-.844-.526-1.141a1.8 1.8 0 0 0-1.297-.495zm7.989 1.515q1.251.001 1.979.698c.728.697.724 1.099.724 1.906v3.859H24.25v-.87h-.047q-.702 1.072-1.865 1.073c-.667 0-1.219-.203-1.667-.615a2 2 0 0 1-.672-1.531q-.001-.969.708-1.547q.705-.572 1.885-.573q1.008.001 1.656.385v-.271a1.38 1.38 0 0 0-.464-1.042a1.58 1.58 0 0 0-1.094-.427q-.945 0-1.5.828l-.995-.646q.821-1.228 2.432-1.229zm-1.463 4.547a.94.94 0 0 0 .375.766c.25.203.563.313.88.307c.474 0 .932-.198 1.271-.547c.359-.333.563-.802.563-1.292q-.53-.438-1.474-.438c-.464 0-.844.115-1.151.344c-.307.234-.464.516-.464.859zM5.443 10.667a5.3 5.3 0 0 1 3.641 1.391l-1.552 1.521a3 3 0 0 0-2.089-.797a3.25 3.25 0 0 0-3.057 2.198a3.12 3.12 0 0 0 0 2.042a3.25 3.25 0 0 0 3.057 2.198c.734 0 1.365-.182 1.854-.505A2.47 2.47 0 0 0 8.38 17.09H5.442v-2.052h5.13q.094.538.094 1.083c0 1.625-.594 3-1.62 3.927c-.901.813-2.135 1.286-3.604 1.286a5.45 5.45 0 0 1-4.865-2.938a5.25 5.25 0 0 1 0-4.792a5.45 5.45 0 0 1 4.859-2.938z"/></svg> </template>
CSS
.icon-google-pay {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m32%2013.333l-4.177%209.333h-1.292l1.552-3.266l-2.75-6.068h1.359l1.99%204.651h.026l1.927-4.651zm-17.354%202.886V20h-1.313v-9.333h3.474a3.3%203.3%200%200%201%202.25.807c.615.505.953%201.219.943%201.974a2.49%202.49%200%200%201-.943%201.979c-.604.531-1.354.792-2.25.792zm-.005-4.401v3.255h2.198a1.82%201.82%200%200%200%201.297-.479c.339-.302.526-.714.526-1.141c0-.432-.188-.844-.526-1.141a1.8%201.8%200%200%200-1.297-.495zm7.989%201.515q1.251.001%201.979.698c.728.697.724%201.099.724%201.906v3.859H24.25v-.87h-.047q-.702%201.072-1.865%201.073c-.667%200-1.219-.203-1.667-.615a2%202%200%200%201-.672-1.531q-.001-.969.708-1.547q.705-.572%201.885-.573q1.008.001%201.656.385v-.271a1.38%201.38%200%200%200-.464-1.042a1.58%201.58%200%200%200-1.094-.427q-.945%200-1.5.828l-.995-.646q.821-1.228%202.432-1.229zm-1.463%204.547a.94.94%200%200%200%20.375.766c.25.203.563.313.88.307c.474%200%20.932-.198%201.271-.547c.359-.333.563-.802.563-1.292q-.53-.438-1.474-.438c-.464%200-.844.115-1.151.344c-.307.234-.464.516-.464.859zM5.443%2010.667a5.3%205.3%200%200%201%203.641%201.391l-1.552%201.521a3%203%200%200%200-2.089-.797a3.25%203.25%200%200%200-3.057%202.198a3.12%203.12%200%200%200%200%202.042a3.25%203.25%200%200%200%203.057%202.198c.734%200%201.365-.182%201.854-.505A2.47%202.47%200%200%200%208.38%2017.09H5.442v-2.052h5.13q.094.538.094%201.083c0%201.625-.594%203-1.62%203.927c-.901.813-2.135%201.286-3.604%201.286a5.45%205.45%200%200%201-4.865-2.938a5.25%205.25%200%200%201%200-4.792a5.45%205.45%200%200%201%204.859-2.938z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m32%2013.333l-4.177%209.333h-1.292l1.552-3.266l-2.75-6.068h1.359l1.99%204.651h.026l1.927-4.651zm-17.354%202.886V20h-1.313v-9.333h3.474a3.3%203.3%200%200%201%202.25.807c.615.505.953%201.219.943%201.974a2.49%202.49%200%200%201-.943%201.979c-.604.531-1.354.792-2.25.792zm-.005-4.401v3.255h2.198a1.82%201.82%200%200%200%201.297-.479c.339-.302.526-.714.526-1.141c0-.432-.188-.844-.526-1.141a1.8%201.8%200%200%200-1.297-.495zm7.989%201.515q1.251.001%201.979.698c.728.697.724%201.099.724%201.906v3.859H24.25v-.87h-.047q-.702%201.072-1.865%201.073c-.667%200-1.219-.203-1.667-.615a2%202%200%200%201-.672-1.531q-.001-.969.708-1.547q.705-.572%201.885-.573q1.008.001%201.656.385v-.271a1.38%201.38%200%200%200-.464-1.042a1.58%201.58%200%200%200-1.094-.427q-.945%200-1.5.828l-.995-.646q.821-1.228%202.432-1.229zm-1.463%204.547a.94.94%200%200%200%20.375.766c.25.203.563.313.88.307c.474%200%20.932-.198%201.271-.547c.359-.333.563-.802.563-1.292q-.53-.438-1.474-.438c-.464%200-.844.115-1.151.344c-.307.234-.464.516-.464.859zM5.443%2010.667a5.3%205.3%200%200%201%203.641%201.391l-1.552%201.521a3%203%200%200%200-2.089-.797a3.25%203.25%200%200%200-3.057%202.198a3.12%203.12%200%200%200%200%202.042a3.25%203.25%200%200%200%203.057%202.198c.734%200%201.365-.182%201.854-.505A2.47%202.47%200%200%200%208.38%2017.09H5.442v-2.052h5.13q.094.538.094%201.083c0%201.625-.594%203-1.62%203.927c-.901.813-2.135%201.286-3.604%201.286a5.45%205.45%200%200%201-4.865-2.938a5.25%205.25%200%200%201%200-4.792a5.45%205.45%200%200%201%204.859-2.938z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/google-pay.svg?color=%231a73e8&size=48
