Share アイコン

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

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

matita:share

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

アイコンセット: Matita
作者: matita.dev
ライセンス: MIT
サイズ: 24 × 24

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="1.6"><path stroke-width="1.536" d="M18.05 8.11c-.17-.04-.69-.1-1.01-.23a3 3 0 0 1-.89-.56c-.25-.25-.5-.57-.63-.91c-.12-.34-.15-.75-.13-1.13c.02-.37.1-.76.25-1.11s.36-.74.64-.99s.69-.41 1.06-.5c.37-.1.78-.12 1.16-.07c.39.04.82.15 1.16.35c.34.21.68.54.89.89c.22.35.32.8.4 1.22c.07.42.13.9.04 1.32c-.08.42-.3.86-.56 1.21c-.27.34-.64.64-1.02.85c-.39.22-.84.42-1.28.46s-.94-.05-1.36-.22c-.41-.17-.94-.66-1.13-.8"/><path stroke-width="1.696" d="M6.99 9.7c.14.09.59.32.82.55c.24.22.46.52.59.83c.14.31.23.69.23 1.04c-.01.34-.1.73-.24 1.04c-.15.32-.4.59-.65.84c-.24.25-.53.51-.85.64s-.71.16-1.06.15c-.35-.02-.72-.11-1.04-.26a2.9 2.9 0 0 1-.88-.67c-.24-.27-.42-.62-.54-.98c-.13-.35-.23-.74-.23-1.12c.01-.38.11-.8.27-1.15c.17-.34.42-.69.7-.95c.29-.25.66-.47 1.02-.59c.37-.13.78-.16 1.18-.14c.39.03.81.11 1.16.3c.35.18.68.48.93.8s.48.92.58 1.1"/><path stroke-width="1.664" d="M20.43 18.39c-.02.17-.03.71-.13 1.04c-.1.34-.27.68-.48.95c-.22.27-.52.53-.83.66c-.31.14-.69.16-1.03.15s-.7-.07-1.01-.2c-.32-.13-.63-.35-.89-.6c-.26-.26-.54-.58-.66-.93c-.13-.35-.11-.78-.1-1.17s.02-.83.17-1.19c.14-.36.42-.71.71-.98c.29-.26.65-.5 1.02-.62c.37-.11.8-.12 1.19-.06c.38.05.78.18 1.13.38s.72.47.96.8s.39.77.5 1.19c.1.42.19.9.13 1.33s-.4 1.05-.47 1.26"/><path stroke-width="1.696" d="M8.05 10.76q3.83-2.2 7.83-4.1"/><path stroke-width="1.648" d="M7.77 13.03q4.22 2.14 8.4 4.38"/></g></svg>

Share アイコンの使い方

React

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

<Icon icon="matita:share" width="24" />

Vue

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

<template>
  <Icon icon="matita:share" width="24" />
</template>

Svelte

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

<Icon icon="matita:share" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[matita--share]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="matita:share"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/matita/share.svg" alt="Share アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

Matita アイコンをすべて見る →