ICONYZ
Español
Icono Volumeup de WebHostingHub Glyphs

Icono Volumeup

whh:volumeup

El icono Volumeup (whh:volumeup) es un icono SVG gratuito de la colección WebHostingHub Glyphs de WebHostingHub. Está dibujado en una cuadrícula de 1024 × 1023. WebHostingHub Glyphs 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
WebHostingHub Glyphs
Autor
WebHostingHub
Licencia
OFL-1.1
Tamaño
1024 × 1023
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1023" viewBox="0 0 1024 1023"><path fill="currentColor" d="m874 873l-45-45q62-62 96.5-143.5t34.5-173t-34.5-173T829 195l45-46q71 71 110.5 164.5t39.5 198t-39.5 198T874 873M761 760l-45-45q84-84 84-203.5T716 308l45-45q49 48 76 112.5t27 136t-27 136T761 760m-196 251L320 768V256L565 12q30-30 75 16v968q-45 45-75 15M256 768H64q-27 0-45.5-19T0 704V319q0-26 18.5-45T64 255h192z"/></svg>

Cómo usar el icono Volumeup

React

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

<Icon icon="whh:volumeup" width="24" />

Vue

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

<template>
  <Icon icon="whh:volumeup" width="24" />
</template>

Svelte

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

<Icon icon="whh:volumeup" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="whh:volumeup"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/whh/volumeup.svg" alt="Icono Volumeup" width="24" height="24">

El icono Volumeup en otras colecciones

Preguntas frecuentes sobre Icono Volumeup

¿El icono Volumeup es gratis para uso comercial?

Sí. WebHostingHub Glyphs icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Volumeup en React?

Instala @iconify/react y renderiza <Icon icon="whh:volumeup" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Volumeup a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/whh/volumeup.svg" alt="Icono Volumeup">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos WebHostingHub Glyphs →