Icono Volume On
vs:volume-on
El icono Volume On (vs:volume-on) es un icono SVG gratuito de la colección Vesper Icons de TableCheck. Está dibujado en una cuadrícula de 2016 × 1728. Vesper Icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Vesper Icons
- Autor
- TableCheck
- Licencia
- OFL-1.1
- Tamaño
- 2016 × 1728
- Etiquetas
- volumeon
Código 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>Cómo usar el icono 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 component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vs:volume-on"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/vs/volume-on.svg" alt="Icono Volume On" width="24" height="24">Iconos relacionados en Vesper Icons
Preguntas frecuentes sobre Icono Volume On
¿El icono Volume On es gratis para uso comercial?
Sí. Vesper Icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Volume On en React?
Instala @iconify/react y renderiza <Icon icon="vs:volume-on" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Volume On a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/vs/volume-on.svg" alt="Icono Volume On">, o pega el código SVG en línea para darle estilo con CSS.