ICONYZ
日本語
Logos free icons の Google Plus Logo 1 Block アイコン

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 コード

<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 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 コードをページに直接貼り付けます。

Logos free icons をすべて見る →