Иконка Google Pay
cib:google-pay
Иконка Google Pay (cib:google-pay) — бесплатная SVG-иконка из набора CoreUI Brands от creativeLabs Łukasz Holeczek. Она нарисована на сетке 32 × 32. CoreUI Brands icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- CoreUI Brands
- Автор
- creativeLabs Łukasz Holeczek
- Лицензия
- CC0-1.0
- Размер
- 32 × 32
- Теги
- googlepay
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" 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>Как использовать иконку Google Pay
React
import { Icon } from "@iconify/react";
<Icon icon="cib:google-pay" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:google-pay" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:google-pay" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--google-pay]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:google-pay"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:google-pay"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/cib/google-pay.svg" alt="Иконка Google Pay" width="24" height="24">Похожие иконки в наборе CoreUI Brands
Иконка Google Pay в других наборах
Вопросы и ответы: Иконка Google Pay
Можно ли бесплатно использовать иконку Google Pay в коммерческих проектах?
Да. CoreUI Brands icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Google Pay в React?
Установите @iconify/react и выведите <Icon icon="cib:google-pay" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Google Pay на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/cib/google-pay.svg" alt="Иконка Google Pay">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.