Google Pay アイコン
fa-brands:google-pay
Google Pay アイコン(fa-brands:google-pay)は、Font Awesome 5 Brands セットの無料 SVG アイコンです（作者: Dave Gandy）。 640 × 512 のグリッドで描かれています。 Font Awesome 5 Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font Awesome 5 Brands
- 作者
- Dave Gandy
- ライセンス
- CC-BY-4.0
- サイズ
- 640 × 512
- カテゴリ
- 支払い・ショッピング
- タグ
- googlepay
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="512" viewBox="0 0 640 512"><path fill="currentColor" d="M105.72 215v41.25h57.1a49.66 49.66 0 0 1-21.14 32.6c-9.54 6.55-21.72 10.28-36 10.28c-27.6 0-50.93-18.91-59.3-44.22a65.6 65.6 0 0 1 0-41c8.37-25.46 31.7-44.37 59.3-44.37a56.43 56.43 0 0 1 40.51 16.08L176.47 155a101.24 101.24 0 0 0-70.75-27.84a105.55 105.55 0 0 0-94.38 59.11a107.64 107.64 0 0 0 0 96.18v.15a105.41 105.41 0 0 0 94.38 59c28.47 0 52.55-9.53 70-25.91c20-18.61 31.41-46.15 31.41-78.91a134 134 0 0 0-1.75-21.78Zm389.41-4c-10.13-9.38-23.93-14.14-41.39-14.14c-22.46 0-39.34 8.34-50.5 24.86l20.85 13.26q11.45-17 31.26-17a34.05 34.05 0 0 1 22.75 8.79a28.14 28.14 0 0 1 9.69 21.23v5.51c-9.1-5.07-20.55-7.75-34.64-7.75c-16.44 0-29.65 3.88-39.49 11.77s-14.82 18.31-14.82 31.56a39.74 39.74 0 0 0 13.94 31.27c9.25 8.34 21 12.51 34.79 12.51c16.29 0 29.21-7.3 39-21.89h1v17.72h22.61V250c.07-16.55-4.92-29.66-15.05-39m-19.23 89.3a37.32 37.32 0 0 1-26.57 11.16a28.6 28.6 0 0 1-18.33-6.25a19.41 19.41 0 0 1-7.77-15.63c0-7 3.22-12.81 9.54-17.42s14.53-7 24.07-7c13.16-.16 23.46 2.84 30.8 8.78c0 10.13-3.96 18.91-11.74 26.36m-93.65-142a55.7 55.7 0 0 0-40.51-16.3h-62.67v186.74h23.63V253.1h39c16 0 29.5-5.36 40.51-15.93c.88-.89 1.76-1.79 2.65-2.68a54.45 54.45 0 0 0-2.61-76.23Zm-16.58 62.23a30.65 30.65 0 0 1-23.34 9.68H302.7V165h39.63a32 32 0 0 1 22.6 9.23a33.18 33.18 0 0 1 .74 46.26ZM614.31 201l-36.54 91.7h-.45L539.9 201h-25.69L566 320.55l-29.35 64.32H561L640 201Z"/></svg>
Google Pay アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa-brands:google-pay" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa-brands:google-pay" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa-brands:google-pay" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-brands--google-pay]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa-brands -->
<div class="i-fa-brands:google-pay"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa-brands:google-pay"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fa-brands/google-pay.svg" alt="Google Pay アイコン" width="24" height="24">
Font Awesome 5 Brands の関連アイコン
他のアイコンセットの Google Pay アイコン
Google Pay アイコン のよくある質問
Google Pay アイコンは商用利用でも無料ですか?
はい。Font Awesome 5 Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Google Pay アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa-brands:google-pay" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Google Pay アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa-brands/google-pay.svg" alt="Google Pay アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Font Awesome 5 Brands アイコン をすべて見る →
ICONYZ
