ICONYZ
日本語
Keyline Icons の Share 2 Fill アイコン

Share 2 Fill アイコン

keyline-icons:share-2-fill

Share 2 Fill アイコン(keyline-icons:share-2-fill)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Keyline Icons
作者
Keyline Icons
ライセンス
MIT
サイズ
24 × 24
タグ
sharefill
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.5 5.5001L11.5 8.0151C6.516 8.6696 2.6098 12.6194 2.0106 17.6103C2.0035 17.6696 1.9999 17.7293 1.9999 17.7891C1.9999 18.6175 2.6715 19.2891 3.4999 19.2891C3.8721 19.2891 4.231 19.1507 4.5069 18.9009C6.43 17.159 8.907 16.153 11.5 16.0607L11.5 18.4999C11.5 19.3283 12.1716 19.9999 13 19.9999C13.3516 19.9999 13.692 19.8764 13.9617 19.651L21.2822 13.5348C21.7371 13.1548 21.9999 12.5927 21.9999 12C21.9999 11.4073 21.7371 10.8452 21.2822 10.4652L13.9617 4.349C13.692 4.1236 13.3516 4.0001 13 4.0001C12.1716 4.0001 11.5 4.6717 11.5 5.5001Z"/></svg>

Share 2 Fill アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="keyline-icons:share-2-fill" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="keyline-icons:share-2-fill" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="keyline-icons:share-2-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--share-2-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:share-2-fill"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="keyline-icons:share-2-fill"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/share-2-fill.svg" alt="Share 2 Fill アイコン" width="24" height="24">

Keyline Icons の関連アイコン

他のアイコンセットの Share 2 Fill アイコン

Share 2 Fill アイコン のよくある質問

Share 2 Fill アイコンは商用利用でも無料ですか?

はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Share 2 Fill アイコンを使うには?

@iconify/react をインストールして <Icon icon="keyline-icons:share-2-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Share 2 Fill アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/share-2-fill.svg" alt="Share 2 Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Keyline Icons をすべて見る →