Volume アイコン

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

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

reicon:volume

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

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: 動画

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M15.64 4.91c-.714.347-1.62.942-2.909 1.792l-.219.144l-.05.033c-.38.25-.643.424-.931.552a3.8 3.8 0 0 1-.89.267c-.31.052-.626.052-1.082.052H9.5c-1.444 0-1.93.016-2.345.208a2.47 2.47 0 0 0-1.036.975c-.218.405-.259.82-.336 2.084c-.02.347-.033.68-.033.983s.012.636.033.983c.077 1.264.118 1.68.336 2.084c.209.389.635.79 1.036.975c.414.192.901.208 2.345.208h.06c.455 0 .77 0 1.081.052q.462.079.89.267c.288.128.552.301.932.552l.05.033l.218.144c1.29.85 2.195 1.445 2.91 1.792c.711.346 1.068.36 1.317.275c.137-.047.272-.115.39-.199c.217-.152.415-.447.553-1.218c.14-.775.191-1.847.262-3.377c.053-1.12.087-2.06.087-2.571s-.034-1.451-.087-2.57c-.07-1.531-.122-2.603-.262-3.378c-.138-.771-.336-1.066-.552-1.218a1.6 1.6 0 0 0-.391-.2c-.25-.084-.605-.07-1.318.276m-.655-1.35c.826-.4 1.64-.624 2.457-.345c.272.093.534.226.769.391c.706.497 1.005 1.28 1.167 2.18c.159.884.213 2.056.281 3.516l.003.058c.052 1.115.088 2.088.088 2.64s-.036 1.525-.088 2.64l-.003.058c-.068 1.46-.122 2.632-.281 3.516c-.162.9-.461 1.683-1.167 2.18a3 3 0 0 1-.769.39c-.818.28-1.631.057-2.457-.344c-.814-.396-1.8-1.047-3.032-1.858l-.266-.176c-.448-.295-.602-.394-.762-.464q-.256-.114-.534-.16c-.171-.03-.354-.032-.89-.032h-.162c-1.217 0-2.062.001-2.814-.347a3.96 3.96 0 0 1-1.727-1.624c-.392-.729-.438-1.49-.504-2.575l-.008-.13A18 18 0 0 1 4.25 12c0-.341.014-.706.036-1.074l.008-.13c.066-1.084.112-1.846.504-2.575a3.96 3.96 0 0 1 1.727-1.624c.752-.348 1.597-.348 2.814-.347H9.5c.537 0 .72-.002.891-.031a2.3 2.3 0 0 0 .534-.16c.16-.07.314-.17.761-.465l.267-.176c1.231-.811 2.218-1.462 3.032-1.857" clip-rule="evenodd"/></svg>

Volume アイコンの使い方

React

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

<Icon icon="reicon:volume" width="24" />

Vue

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

<template>
  <Icon icon="reicon:volume" width="24" />
</template>

Svelte

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

<Icon icon="reicon:volume" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="reicon:volume"></iconify-icon>

HTML 画像

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

Reicon の関連アイコン

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

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

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

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

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

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

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

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

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