Share 2 Two Tone アイコン

Q: Share 2 Two Tone アイコンは商用利用でも無料ですか?

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

keyline-icons:share-2-two-tone

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

アイコンセット: Keyline Icons
作者: Keyline Icons
ライセンス: MIT
サイズ: 24 × 24
タグ: sharetwo、twotone、sharetwotone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" 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" stroke="none"/><path d="M12.5 5.5001L12.5 8.4629C12.5 8.7219 12.3023 8.938 12.0444 8.9609C7.3375 9.3805 3.5668 13.0376 3.0035 17.7295C3.0011 17.7493 2.9999 17.7692 2.9999 17.7891C2.9999 18.0652 3.2238 18.2891 3.4999 18.2891C3.624 18.2891 3.7436 18.243 3.8356 18.1597C6.0425 16.1608 8.9138 15.0538 11.8914 15.0538C11.9291 15.0538 11.9669 15.0539 12.0047 15.0543C12.279 15.0569 12.5 15.28 12.5 15.5543L12.5 18.4999C12.5 18.7761 12.7239 18.9999 13 18.9999C13.1172 18.9999 13.2307 18.9587 13.3206 18.8836L20.6411 12.7674C20.8685 12.5774 20.9999 12.2963 20.9999 12C20.9999 11.7037 20.8685 11.4226 20.6411 11.2326L13.3206 5.1164C13.2307 5.0413 13.1172 5.0001 13 5.0001C12.7239 5.0001 12.5 5.2239 12.5 5.5001Z"/></g></svg>

Share 2 Two Tone アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:share-2-two-tone"></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-two-tone"></iconify-icon>

HTML 画像

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

Keyline Icons の関連アイコン

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

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

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

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

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

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

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

Keyline Icons をすべて見る →