solid
outline
MIT
1 nodos vectoriales
1. Color
Los colores originales del icono se mantienen hasta que elijas un color nuevo.
2. Fondo del lienzo y transformaciones
3. Ajustes de animacion vectorial en vivo
Incluido en la exportacion SVG
H2 - Iconos vectoriales y 3D
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. H2 - Gratis para uso comercial y personal. Sin Registro | 100% en tu Navegador
Descargas instantaneas vectoriales y de alta resolucion
Los colores originales del icono se mantienen hasta que elijas un color nuevo.
heroicons-24px-outline-h2.svg (680 B)
Copia rapida para desarrolladores y frameworks de interfaz
Salida de codigo en vivo
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" width="36" height="36" role="img" aria-label="H2 icon"><title>H2 - Heroicons icon</title><desc>Free H2 vector icon from the Heroicons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc> <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 19.5H16.5v-1.609a2.25 2.25 0 0 1 1.244-2.012l2.89-1.445c.651-.326 1.116-.955 1.116-1.683 0-.498-.04-.987-.118-1.463-.135-.825-.835-1.422-1.668-1.489a15.202 15.202 0 0 0-3.464.12M2.243 4.492v7.5m0 0v7.502m0-7.501h10.5m0-7.5v7.5m0 0v7.501"/> </svg>
Prompt de IA y mejora vectorial
Quieres mejorar o cambiar el estilo de este icono? H2
Genera un prompt de ingenieria preciso o mejora el icono en el lienzo ahora mismo. H2
Generador de prompts 100% en el navegador
Verificacion de fuente y licencia
LICENSE.txt
Library: Heroicons | Author: Tailwind Labs | License: MIT | Sin Registro | 100% en tu Navegador
Palabras clave
#heroicons
#24px
#outline
#h2
#interface
#hero
#h
#2
#h2 svg
#h2 icon
#h2 heroicons
#h2 react tsx
#h2 vue
#h2 png
Popular en tu idioma
iconos svg gratis
descargar iconos vectoriales gratis
convertir svg a png online
editor svg gratis en el navegador
iconos 3d svg
optimizar archivos svg
componentes react svg
animar iconos svg con css
iconos para uso comercial
biblioteca iconos svg
H2 - Especificaciones tecnicas del vector
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. H2
| Identificador canonico del archivo | heroicons/heroicons-24px-outline-h2 |
|---|---|
| Paquete de biblioteca de origen | Heroicons |
| Cuadricula de coordenadas y viewBox | viewBox="0 0 24 24" |
| Peso sin comprimir | 680 bytes (~374 bytes gzipped) |
| Licencia SPDX y uso comercial | MIT - Gratis para uso comercial |
| Formatos de exportacion admitidos | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Garantia de seguridad y privacidad | Sin Registro | 100% en tu Navegador |
Como usar y personalizar este icono: H2
- Personaliza visualmente: Color, Automatico (trazo y relleno), Grosor del trazo (
0.5px-4px), Ajustes de animacion vectorial en vivo - Descarga el vector o la imagen: Descargar SVG, PNG (transparente), WebP (optimizado) (
2048x2048 px) - Copia el codigo del framework: Copia codigo listo para React, Next.js, Vue 3, Svelte, Angular, HTML y mascaras CSS.
- Edicion vectorial profunda: Editar en el editor SVG (76,166)
Consejo de accesibilidad (WCAG 2.1): Oculta los iconos decorativos con aria-hidden y focusable false. Da un aria-label claro a los botones que solo tienen icono. Voltea las flechas en horizontal para idiomas de derecha a izquierda.
heroicons-24px-outline-h2.svg aria-hidden="true" focusable="false"
Mas en Interfaz de usuario (UI/UX)
Explorar
solid
16px Solid Play
Heroicons|interface
solid
16px Solid Plus Circle
Heroicons|interface
solid
16px Solid Plus
Heroicons|interface
solid
16px Solid Power
Heroicons|interface
solid
16px Solid Printer
Heroicons|interface
16px Solid Puzzle Piece
Heroicons|interface
16px Solid Qr Code
Heroicons|interface
16px Solid Queue List
Heroicons|interface
Bird
IconPark|interface
Filled Action Action Note Add
Material Icons|interface
Cake
MingCute Icons|interfaceExplorar más
Preguntas frecuentes
H2 - Preguntas frecuentes
¿El icono SVG H2 es gratis para uso comercial? +
Sí, el icono H2 de la colección Heroicons tiene licencia MIT y puede usarse gratis en proyectos comerciales.
¿El icono H2 mantiene sus colores originales al descargarlo? +
Sí, H2 conserva sus colores por defecto a menos que selecciones un color nuevo en el editor.
¿Cómo uso el icono H2 en React o Vue? +
Abre la pestana React TSX o Vue 3 en esta pagina y pulsa Copy SVG. Pega el componente en tu proyecto y dale estilo con CSS o Tailwind.
¿Puedo descargar H2 como PNG transparente? +
Sí, elige un tamaño hasta 2048 px y pulsa Descargar PNG.
¿Cómo animo el icono H2 con CSS? +
Selecciona una animación en el editor en vivo para incluir automáticamente los keyframes CSS.
¿Puedo generar un prompt de IA para H2? +
Sí, usa el generador de prompts IA en esta página para crear una descripción en estilo 3D, Cristal o Neón.
Puedo cambiar el tamano del icono H2 sin perder calidad? +
Si. El archivo H2 es un vector con viewBox escalable, asi que se mantiene nitido a 16px, 64px, 512px o en impresion.
Donde informo un problema con el archivo H2? +
Escribe a support@svgnexus.com con la direccion del icono. Las dudas de licencia sobre H2 van a legal@svgnexus.com.
100% en tu Navegador | 76,166 iconos
Editor SVG
Edita rutas, capas, colores y animaciones en tu navegador y exporta SVG limpio, PNG o codigo para frameworks.