ICONYZ
日本語
SmartIcons Glyph の Share 3 アイコン

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

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

SmartIcons Glyph アイコン をすべて見る →