Icono Volume 1
simple-line-icons:volume-1
El icono Volume 1 (simple-line-icons:volume-1) es un icono SVG gratuito de la colección Simple line icons de Sabbir Ahmed. Está dibujado en una cuadrícula de 1024 × 1024. Simple line icons se publican bajo la licencia MIT, 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
- Simple line icons
- Autor
- Sabbir Ahmed
- Licencia
- MIT
- Tamaño
- 1024 × 1024
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M654.768 65.904c-10.432-5.552-23.088-4.928-32.912 1.696L300.768 319.712l-106.624.08c-54.512 0-98.88 38.657-98.88 86.4l1.712 211.137c0 47.536 44.352 86.224 98.863 86.224l106.592.065L621.823 956.37a32 32 0 0 0 17.905 5.472c5.152 0 10.32-1.249 15.008-3.745a31.95 31.95 0 0 0 17.008-28.256V94.16a32.09 32.09 0 0 0-16.976-28.257zm-47.04 803.728L330.129 645.106a31.97 31.97 0 0 0-17.889-5.473l-116.384-.064c-20.544 0-34.88-11.712-34.88-22.464l-1.712-211.152c0-10.48 14.336-22.16 34.896-22.16l116.4-.08a32 32 0 0 0 17.855-5.457l279.312-224zm182.097-521.998c-17.712-2.928-33.937 8.864-36.849 26.305c-2.912 17.424 8.88 33.92 26.289 36.832c50.32 8.4 85.472 52.304 85.472 106.753c0 51.84-36.368 96.687-86.496 106.688c-17.344 3.44-28.592 20.288-25.12 37.632c3.024 15.215 16.368 25.744 31.344 25.744a31.3 31.3 0 0 0 6.288-.624c79.968-15.905 138-87.185 138-169.44c-.016-85.025-58.447-156.465-138.928-169.89"/></svg>
Cómo usar el icono Volume 1
React
import { Icon } from "@iconify/react";
<Icon icon="simple-line-icons:volume-1" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-line-icons:volume-1" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-line-icons:volume-1" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--volume-1]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:volume-1"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-line-icons:volume-1"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/simple-line-icons/volume-1.svg" alt="Icono Volume 1" width="24" height="24">
Iconos relacionados en Simple line icons
El icono Volume 1 en otras colecciones
Preguntas frecuentes sobre Icono Volume 1
¿El icono Volume 1 es gratis para uso comercial?
Sí. Simple line icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Volume 1 en React?
Instala @iconify/react y renderiza <Icon icon="simple-line-icons:volume-1" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Volume 1 a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/simple-line-icons/volume-1.svg" alt="Icono Volume 1">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Simple line icons →
ICONYZ
