ICONYZ
日本語
Keyline Icons の Share 2 Sharp Two Tone アイコン

Share 2 Sharp Two Tone アイコン

keyline-icons:share-2-sharp-two-tone

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

アイコンセット
Keyline Icons
作者
Keyline Icons
ライセンス
MIT
サイズ
24 × 24
タグ
sharesharp、sharptwo、twotone、sharesharptwotone
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-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M11.5 5.0001L11.5 8.586C6.4414 9.2591 2.51 13.3228 2.0048 18.4009C2.0015 18.4338 1.9999 18.4668 1.9999 18.4999C1.9999 19.0522 2.4476 19.4999 2.9999 19.4999C3.2849 19.4999 3.5564 19.3783 3.7462 19.1655C5.7278 16.9438 8.5254 15.6202 11.5 15.497L11.5 18.9999C11.5 19.5522 11.9477 19.9999 12.5 19.9999C12.7319 19.9999 12.9567 19.9193 13.1357 19.7718L21.6356 12.7719C21.8663 12.582 21.9999 12.2988 21.9999 12C21.9999 11.7012 21.8663 11.418 21.6356 11.2281L13.1357 4.2282C12.9567 4.0807 12.7319 4.0001 12.5 4.0001C11.9477 4.0001 11.5 4.4478 11.5 5.0001Z" stroke="none"/><path d="M12.5 5.0001L12.5 9.5001C7.5375 9.724 3.4917 13.5568 2.9999 18.4999C5.2767 15.9472 8.5347 14.4875 11.9552 14.4875C12.1369 14.4875 12.3185 14.4917 12.5 14.4999L12.5 18.9999L20.9999 12L12.5 5.0001Z"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

Keyline Icons の関連アイコン

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

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

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

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

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

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

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

Keyline Icons をすべて見る →