Volume 2 アイコン

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

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

matita:volume-2

Volume 2 アイコン(matita:volume-2)は、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.696" d="M3.56 9.07q1.92-.01 3.83.03q2.72-2.18 5.27-4.55q.09 7.46-.29 14.91q-2.47-2.22-4.78-4.6q-2.14-.04-4.28-.05q.12-2.87.25-5.74q.82-.01 1.64.01"/><path stroke-width="1.568" d="M14.8 9.1c.2.14.9.47 1.16.84c.26.36.34.91.41 1.37s.09.94.01 1.38c-.09.45-.28.92-.54 1.29c-.27.36-.87.76-1.05.91"/><path stroke-width="1.456" d="M16.82 5.99c.32.34 1.42 1.29 1.93 2.06c.5.77.92 1.66 1.12 2.55c.2.9.26 1.92.07 2.81s-.69 1.77-1.22 2.52s-1.63 1.66-1.95 1.99"/></g></svg>

Volume 2 アイコンの使い方

React

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

<Icon icon="matita:volume-2" width="24" />

Vue

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

<template>
  <Icon icon="matita:volume-2" width="24" />
</template>

Svelte

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

<Icon icon="matita:volume-2" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="matita:volume-2"></iconify-icon>

HTML 画像

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

Matita の関連アイコン

他のアイコンセットの Volume 2 アイコン

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

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

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

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

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

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

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

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