Volume On アイコン

vs:volume-on

Volume On アイコン(vs:volume-on)は、Vesper Icons セットの無料 SVG アイコンです（作者: TableCheck）。 2016 × 1728 のグリッドで描かれています。 Vesper Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Vesper Icons
作者: TableCheck
ライセンス: OFL-1.1
サイズ: 2016 × 1728
タグ: volumeon

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="2016" height="1728" viewBox="0 0 2016 1728"><path fill="currentColor" d="M920 216v1306q0 32-21.5 54.5T846 1599q-32 0-56-24l-400-399H76q-32 0-54-22t-22-54V638q0-32 22-54t54-22h314l400-400q25-25 56-25t52.5 23.5T920 216m459 654q0 91-49.5 170T1197 1151q-17 6-32 6q-32 0-54.5-22t-22.5-55q0-25 14.5-42.5t35-30t41-27.5t35-42.5T1228 870t-14.5-68.5t-35-43.5t-41-27.5t-35-30T1088 658q0-33 22.5-55.5T1165 580q13 0 32 7q83 32 132.5 111t49.5 172m311 0q0 182-102 336.5T1316 1433q-14 7-29 7q-31 0-54.5-23t-23.5-55q0-43 48-69q53-25 90-54q89-64 139.5-162t50.5-207q0-111-50-208.5T1347 499q-34-27-90-53q-48-26-48-72q0-31 23-54t53-23q17 0 31 7q170 72 272 227t102 339m307 0q0 276-152.5 506.5T1438 1716q-14 7-32 7q-32 0-54.5-22.5T1329 1646q0-46 47-71q8-6 27-13.5t27-12.5q50-25 101-60q146-109 229.5-273.5T1844 870q0-183-83-348t-230-274q-45-31-101-59q-8-5-26.5-13t-27.5-14q-47-25-47-69q0-31 22.5-54t54.5-23q4 0 32 7q254 109 406.5 339.5T1997 870"/></svg>

Volume On アイコンの使い方

React

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

<Icon icon="vs:volume-on" width="24" />

Vue

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

<template>
  <Icon icon="vs:volume-on" width="24" />
</template>

Svelte

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

<Icon icon="vs:volume-on" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="vs:volume-on"></iconify-icon>

HTML 画像

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

Vesper Icons の関連アイコン

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

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

はい。Vesper Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Vesper Icons をすべて見る →