Google Pay アイコン
fa7-brands:google-pay
Google Pay アイコン(fa7-brands:google-pay)は、Font Awesome Brands セットの無料 SVG アイコンです（作者: Dave Gandy）。 640 × 640 のグリッドで描かれています。 Font Awesome Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font Awesome Brands
- 作者
- Dave Gandy
- ライセンス
- CC-BY-4.0
- サイズ
- 640 × 640
- カテゴリ
- 支払い・ショッピング
- タグ
- googlepay
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M105.7 279v41.2h57.1c-1.2 6.6-3.6 12.9-7.2 18.5s-8.4 10.4-13.9 14.1c-9.5 6.6-21.7 10.3-36 10.3c-27.6 0-50.9-18.9-59.3-44.2c-4.4-13.3-4.4-27.7 0-41c8.4-25.5 31.7-44.4 59.3-44.4c7.5-.1 14.9 1.2 21.9 4s13.3 6.9 18.6 12.1l30.3-30.6c-19.1-18.1-44.4-28.1-70.7-27.8c-19.7.1-38.9 5.7-55.6 16.1s-30.1 25.3-38.8 43C3.9 265.2 0 281.7 0 298.4s3.9 33.2 11.3 48.1v.2c8.7 17.7 22.1 32.5 38.8 43s35.9 16 55.6 16c28.5 0 52.5-9.5 70-25.9c20-18.6 31.4-46.2 31.4-78.9c0-7.3-.6-14.6-1.8-21.8h-99.7zm389.4-4q-15.15-14.1-41.4-14.1c-22.5 0-39.3 8.3-50.5 24.9l20.9 13.2c7.6-11.3 18.1-17 31.3-17c8.4 0 16.5 3.2 22.7 8.8c3 2.6 5.5 5.9 7.1 9.6s2.5 7.6 2.5 11.7v5.5c-9.1-5.1-20.6-7.8-34.6-7.8c-16.4 0-29.6 3.9-39.5 11.8s-14.8 18.3-14.8 31.6c-.2 5.9 1 11.8 3.4 17.2s6 10.2 10.5 14.1c9.2 8.3 21 12.5 34.8 12.5c16.3 0 29.2-7.3 39-21.9h1v17.7h22.6v-78.7c.1-16.6-4.9-29.7-15-39zm-19.2 89.3c-3.5 3.5-7.6 6.3-12.2 8.2s-9.5 2.9-14.4 2.9c-6.7.1-13.1-2.1-18.3-6.2c-2.4-1.8-4.4-4.2-5.7-6.9s-2-5.7-2-8.7c0-7 3.2-12.8 9.5-17.4s14.5-7 24.1-7c13.2-.2 23.5 2.8 30.8 8.8c0 10.1-4 18.9-11.7 26.4zm-93.7-142c-5.3-5.3-11.6-9.5-18.6-12.3s-14.4-4.2-21.9-4H279v186.7h23.6v-75.6h39c16 0 29.5-5.4 40.5-15.9c.9-.9 1.8-1.8 2.6-2.7c9.6-10.5 14.8-24.4 14.3-38.6s-6.6-27.7-16.9-37.6zm-16.6 62.2c-3 3.2-6.6 5.7-10.6 7.4s-8.4 2.5-12.7 2.3h-39.6V229h39.6c8.5 0 16.6 3.3 22.6 9.2c6.1 6.1 9.6 14.3 9.8 23s-3.1 17-9 23.3zM614.3 265l-36.5 91.7h-.5L539.9 265h-25.7L566 384.6l-29.4 64.3h24.3l79-183.9h-25.7z"/></svg>
Google Pay アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa7-brands:google-pay" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa7-brands:google-pay" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa7-brands:google-pay" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-brands--google-pay]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa7-brands -->
<div class="i-fa7-brands:google-pay"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa7-brands:google-pay"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fa7-brands/google-pay.svg" alt="Google Pay アイコン" width="24" height="24">
Font Awesome Brands の関連アイコン
他のアイコンセットの Google Pay アイコン
Google Pay アイコン のよくある質問
Google Pay アイコンは商用利用でも無料ですか?
はい。Font Awesome Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Google Pay アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa7-brands:google-pay" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Google Pay アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa7-brands/google-pay.svg" alt="Google Pay アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Font Awesome Brands アイコン をすべて見る →
ICONYZ
