ICONYZ
Русский
Иконка Volume On из набора Vesper Icons

Иконка Volume On

vs:volume-on

Иконка Volume On (vs:volume-on) — бесплатная SVG-иконка из набора Vesper Icons от 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>

Веб-компонент

<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-times
volume-times

Вопросы и ответы: Иконка Volume On

Можно ли бесплатно использовать иконку Volume On в коммерческих проектах?

Да. Vesper Icons выпущены под лицензией Open Font License, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Volume On в React?

Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Vesper Icons →