Google アイコン
entypo-social:google
Google アイコン(entypo-social:google)は、Entypo+ Social セットの無料 SVG アイコンです（作者: Daniel Bruce）。 20 × 20 のグリッドで描かれています。 Entypo+ Social icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Entypo+ Social
- 作者
- Daniel Bruce
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 20 × 20
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M1.989 5.589c0 1.494.499 2.572 1.482 3.205c.806.52 1.74.598 2.226.598q.179-.002.279-.01s-.154 1.004.59 1.996h-.034c-1.289 0-5.493.269-5.493 3.727c0 3.516 3.861 3.695 4.636 3.695c.061 0 .097-.002.097-.002l.158.002c.497 0 1.782-.062 2.975-.643c1.548-.75 2.333-2.059 2.333-3.885c0-1.764-1.196-2.814-2.069-3.582c-.533-.469-.994-.873-.994-1.266c0-.4.337-.701.762-1.082c.689-.615 1.339-1.492 1.339-3.15c0-1.457-.189-2.436-1.354-3.057c.121-.062.551-.107.763-.137c.631-.086 1.554-.184 1.554-.699V1.2H6.64c-.046.002-4.651.172-4.651 4.389m7.424 9.013c.088 1.406-1.115 2.443-2.922 2.574c-1.835.135-3.345-.691-3.433-2.096c-.043-.676.254-1.336.835-1.863c.589-.533 1.398-.863 2.278-.928q.156-.01.31-.012c1.699.001 2.849.999 2.932 2.325M8.212 4.626c.451 1.588-.23 3.246-1.316 3.553a1.4 1.4 0 0 1-.384.052c-.994 0-1.979-1.006-2.345-2.393c-.204-.776-.187-1.458.047-2.112c.229-.645.643-1.078 1.163-1.225q.188-.053.385-.053c1.2 0 1.972.498 2.45 2.178M16 8V5h-2v3h-3v2h3v3h2v-3h3V8z"/></svg>
Google アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="entypo-social:google" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="entypo-social:google" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="entypo-social:google" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[entypo-social--google]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/entypo-social -->
<div class="i-entypo-social:google"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="entypo-social:google"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/entypo-social/google.svg" alt="Google アイコン" width="24" height="24">
Google アイコン のよくある質問
Google アイコンは商用利用でも無料ですか?
はい。Entypo+ Social icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Google アイコンを使うには?
@iconify/react をインストールして <Icon icon="entypo-social:google" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Google アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/entypo-social/google.svg" alt="Google アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Entypo+ Social アイコン をすべて見る →
ICONYZ
