Googleplus アイコン
el:googleplus
Googleplus アイコン(el:googleplus)は、Elusive Icons セットの無料 SVG アイコンです（作者: Team Redux）。 1200 × 1200 のグリッドで描かれています。 Elusive Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Elusive Icons
- 作者
- Team Redux
- ライセンス
- OFL-1.1
- サイズ
- 1200 × 1200
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M0 0v211.011c74.675-72.259 199.448-106.512 310.84-107.446h369.727l-98.438 79.395H475.928c25.667 23.617 49.471 48.991 68.408 80.566c24.489 41.642 37.345 90.585 37.793 142.017c-.225 49.503-12.142 104.751-42.92 150.952c-25.129 36.948-61.217 68.971-99.17 98.511c-24.958 25.068-46.733 45.963-48.56 85.693c.297 29.623 19.689 56.336 46.069 75.513c44.153 34.241 81.943 62.855 123.413 98.511c39.778 34.327 76.737 76.818 100.415 128.613c20.229 46.964 20.443 104.049 6.445 156.665H1200V418.286H978.662v223.901h-95.874V418.286H661.377v-92.139h221.411V103.564h95.874v222.583H1200V0zm219.141 164.941a163.75 163.75 0 0 0-64.38 14.722C112.913 200.148 82.18 233.2 70.972 283.374c-8.647 51.898-6.732 106.826 6.445 162.451c15.619 63.448 46.706 123.649 102.905 167.651c42.386 29.937 106.586 34.404 160.62 19.775c42.243-12.571 72.503-52.489 88.916-95.947c14.904-47.123 9.749-100.67-3.223-154.761c-16.857-69.077-50.391-135.771-109.424-186.182c-27.077-21.027-62.066-32.211-98.07-31.42M0 646.069v304.468c60.193-44.472 143.759-49.895 219.434-52.441c23.454 0 43.659-.393 60.718-1.245c-11.94-16.205-23.642-33.285-35.156-51.196c-25.906-41.492-19.517-92.121-.659-136.963C155.81 720.047 76.971 703.727 0 646.069m296.558 299.195c-42.025.153-82.907 7.891-124.512 13.623C107.48 971.406 46.292 997.158 0 1048.975V1200h565.503c1.939-5.889 2.489-12.562 2.49-19.189c-.437-43.961-29.634-83.997-65.259-114.478c-50.033-42.509-108.021-76.984-163.696-118.359c-14.34-1.978-28.472-2.761-42.48-2.71"/></svg>Googleplus アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="el:googleplus" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:googleplus" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:googleplus" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--googleplus]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:googleplus"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:googleplus"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/el/googleplus.svg" alt="Googleplus アイコン" width="24" height="24">他のアイコンセットの Googleplus アイコン
Googleplus アイコン のよくある質問
Googleplus アイコンは商用利用でも無料ですか?
はい。Elusive Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Googleplus アイコンを使うには?
@iconify/react をインストールして <Icon icon="el:googleplus" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Googleplus アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/el/googleplus.svg" alt="Googleplus アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。