Logo Googleplus アイコン
f7:logo-googleplus
Logo Googleplus アイコン(f7:logo-googleplus)は、Framework7 Icons セットの無料 SVG アイコンです（作者: Vladimir Kharlampidi）。 56 × 56 のグリッドで描かれています。 Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Framework7 Icons
- 作者
- Vladimir Kharlampidi
- ライセンス
- MIT
- サイズ
- 56 × 56
- タグ
- logogoogleplus
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" fill-rule="evenodd" d="M17.857 10c4.666 0 8.591 1.616 11.66 4.303l.304.272l-4.847 4.575c-1.326-1.25-3.647-2.7-7.117-2.7c-6.097 0-11.071 4.95-11.071 11.05s4.974 11.05 11.071 11.05c5.97 0 8.79-3.55 9.767-6.205l.111-.32l.049-.157l.084-.303q.055-.223.094-.43l.023-.135H17.857v-6H34.72c.153.875.281 1.75.281 2.9c0 10-6.837 17.1-17.143 17.1C7.985 45 0 37.175 0 27.5S7.985 10 17.857 10M50.75 20.5v5.25H56V31h-5.25v5.25H45.5V31h-5.25v-5.25h5.25V20.5z"/></svg>
Logo Googleplus アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="f7:logo-googleplus" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:logo-googleplus" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:logo-googleplus" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--logo-googleplus]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:logo-googleplus"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:logo-googleplus"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/f7/logo-googleplus.svg" alt="Logo Googleplus アイコン" width="24" height="24">
Logo Googleplus アイコン のよくある質問
Logo Googleplus アイコンは商用利用でも無料ですか?
はい。Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Logo Googleplus アイコンを使うには?
@iconify/react をインストールして <Icon icon="f7:logo-googleplus" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Logo Googleplus アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/f7/logo-googleplus.svg" alt="Logo Googleplus アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Framework7 Icons をすべて見る →
ICONYZ
