Share 3 アイコン
si-glyph:share-3
Share 3 アイコン(si-glyph:share-3)は、SmartIcons Glyph セットの無料 SVG アイコンです(作者: SmartIcons)。 17 × 17 のグリッドで描かれています。 SmartIcons Glyph icons は CC BY SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SmartIcons Glyph
- 作者
- SmartIcons
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 17 × 17
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17"><path fill="currentColor" fill-rule="evenodd" d="M14.477 1.042c-1.375 0-2.47 1.062-2.47 2.442c0 .355.108.961.243 1.266L9.458 7.583L6.687 4.895a3.7 3.7 0 0 0 .304-1.328c0-1.38-1.098-2.536-2.474-2.536c-1.373 0-2.505 1.156-2.505 2.536S3.115 5.994 4.49 5.994c.495 0 .955-.15 1.342-.4l3.175 3.143v3.295C7.986 12.344 7 13.326 7 14.454c0 1.381 1.114 2.547 2.49 2.547c1.374 0 2.488-1.166 2.488-2.547c0-1.127-.981-2.108-2.002-2.422V8.675l3.164-3.081l-.023-.026c.396.264.869.419 1.379.419a2.495 2.495 0 0 0 2.488-2.501c0-1.382-1.132-2.444-2.507-2.444M4.486 5.023a1.52 1.52 0 0 1-1.514-1.526a1.52 1.52 0 0 1 1.514-1.526a1.52 1.52 0 0 1 1.513 1.526a1.52 1.52 0 0 1-1.513 1.526m6.554 9.493c0 .854-.692 1.547-1.548 1.547a1.547 1.547 0 1 1 0-3.094c.856 0 1.548.692 1.548 1.547m3.456-9.476c-.847 0-1.533-.706-1.533-1.579c0-.869.687-1.577 1.533-1.577s1.534.708 1.534 1.577c0 .873-.688 1.579-1.534 1.579"/></svg>Share 3 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="si-glyph:share-3" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="si-glyph:share-3" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="si-glyph:share-3" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[si-glyph--share-3]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/si-glyph -->
<div class="i-si-glyph:share-3"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="si-glyph:share-3"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/si-glyph/share-3.svg" alt="Share 3 アイコン" width="24" height="24">SmartIcons Glyph の関連アイコン
他のアイコンセットの Share 3 アイコン
Share 3 アイコン のよくある質問
Share 3 アイコンは商用利用でも無料ですか?
はい。SmartIcons Glyph icons は CC BY SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Share 3 アイコンを使うには?
@iconify/react をインストールして <Icon icon="si-glyph:share-3" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Share 3 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/si-glyph/share-3.svg" alt="Share 3 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。