Google Plus Logo 1 Block アイコン
streamline-logos:google-plus-logo-1-block
Google Plus Logo 1 Block アイコン(streamline-logos:google-plus-logo-1-block)は、Logos free icons セットの無料 SVG アイコンです(作者: Streamline)。 24 × 24 のグリッドで描かれています。 Logos free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Logos free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- ソーシャルメディア
- タグ
- googleplus、pluslogo、logoblock、googlepluslogoblock
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5 1a4 4 0 0 0-4 4v14a4 4 0 0 0 4 4h14a4 4 0 0 0 4-4V5a4 4 0 0 0-4-4zm3.837 10.628q.085 0 .17-.003q-.168.345-.17.747c0 .28.088.534.206.747H9.04l-.203-.003c-1.296 0-2.486.35-3.363.935C4.599 14.634 4 15.48 4 16.465s.599 1.832 1.474 2.415c.877.584 2.067.934 3.363.934q.102 0 .203-.003q.083.003.17.003c1.102 0 2.2-.356 3.03-.94a3.7 3.7 0 0 0 1.06-1.106c.238-.394.374-.832.374-1.303c0-.887-.172-1.554-.45-2.076c-.277-.521-.646-.873-.994-1.147a11 11 0 0 0-.402-.297l-.089-.063a4 4 0 0 1-.381-.3c-.195-.181-.288-.345-.288-.582c0-.657.262-1.02.633-1.436c.315-.28.58-.605.783-.966q.06-.097.113-.203c.202-.397.331-.874.331-1.488c0-.845-.305-1.615-.816-2.233h1.56l1.117-1.488H8.837c-2.222 0-4.093 1.63-4.093 3.721c0 2.09 1.87 3.72 4.093 3.72Zm3.825 3.918c.175.293.268.605.268.92c0 .314-.093.625-.268.918c-.193.32-.487.618-.874.876c-.695.464-1.66.772-2.747.806c-1.773-.068-2.808-1.23-2.808-2.6s1.035-2.533 2.808-2.602c1.087.034 2.052.342 2.747.806c.387.258.681.556.874.876M7.027 8.335c-.198-.839-.146-1.635.078-2.24c.226-.608.607-.98 1.048-1.085s.949.06 1.423.502c.471.44.874 1.129 1.072 1.967s.146 1.635-.079 2.24c-.226.608-.606.98-1.047 1.085c-.442.104-.949-.06-1.423-.502c-.472-.44-.874-1.129-1.072-1.967m9.624 5.897v-1.86h-1.86v-1.488h1.86v-1.86h1.489v1.86H20v1.488h-1.86v1.86z" clip-rule="evenodd"/></svg>Google Plus Logo 1 Block アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-logos:google-plus-logo-1-block" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-logos:google-plus-logo-1-block" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-logos:google-plus-logo-1-block" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-logos--google-plus-logo-1-block]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-logos -->
<div class="i-streamline-logos:google-plus-logo-1-block"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-logos:google-plus-logo-1-block"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-logos/google-plus-logo-1-block.svg" alt="Google Plus Logo 1 Block アイコン" width="24" height="24">Logos free icons の関連アイコン
google-ads-logo
google-ads-logo-block
google-ads-logo-solid
google-adsense-logo
google-adsense-logo-block
google-adsense-logo-solid
google-assistant-logo
google-assistant-logo-block
google-assistant-logo-solid
google-buzz-logo
google-buzz-logo-block
google-buzz-logo-solid
google-calendar-logo
google-calendar-logo-block
google-calendar-logo-solid
google-cast-logo
google-cast-logo-block
google-cast-logo-solid
google-chat-logo
google-chat-logo-block
google-chat-logo-solid
google-cloud-logo
google-cloud-logo-block
google-cloud-logo-solid
Google Plus Logo 1 Block アイコン のよくある質問
Google Plus Logo 1 Block アイコンは商用利用でも無料ですか?
はい。Logos free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Google Plus Logo 1 Block アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-logos:google-plus-logo-1-block" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Google Plus Logo 1 Block アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-logos/google-plus-logo-1-block.svg" alt="Google Plus Logo 1 Block アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。