outline
1. Color
Los colores originales del icono se mantienen hasta que elijas un color nuevo.
2. Fondo del lienzo y transformaciones
3. Ajustes de animación vectorial en vivo
Incluido en la exportación SVG
Icono SVG de etiqueta
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. etiqueta - Gratis para uso comercial y personal. Sin Registro | 100% en tu Navegador
Descargas instantaneas vectoriales y de alta resolución
Los colores originales del icono se mantienen hasta que elijas un color nuevo.
Paquete con créditos
heroicons-24px-outline-tag.svg (731 B)
Copia rápida para desarrolladores y frameworks de interfaz
Salida de código 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="Tag icon"><title>Tag - Heroicons icon</title><desc>Free Tag vector icon from the Heroicons open-source icon library; outline style, MIT licence, viewBox 0 0 24 24, 505 bytes.</desc> <path stroke-linecap="round" stroke-linejoin="round" d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z"/> <path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6Z"/> </svg>
Prompt de IA y mejora vectorial
Quieres mejorar o cambiar el estilo de este icono? etiqueta
Genera un prompt de ingenieria preciso o mejora el icono en el lienzo ahora mismo. etiqueta
Generador de prompts 100% en el navegador
Verificación de fuente y licencia
LICENSE.txt
Library: Heroicons | Author: Tailwind Labs | License: MIT | Source: https://github.com/tailwindlabs/heroicons | Sin Registro | 100% en tu Navegador
Palabras clave
#heroicons
#24px
#outline
#tag
#interface
#hero
etiqueta - Especificaciones tecnicas del vector
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. etiqueta
| Identificador canonico del archivo | heroicons/heroicons-24px-outline-tag |
|---|---|
| Paquete de biblioteca de origen | Heroicons |
| Cuadrícula de coordenadas y viewBox | viewBox="0 0 24 24" |
| Peso sin comprimir | 731 bytes (~402 bytes gzipped) |
| Licencia SPDX y uso comercial | MIT - Gratis para uso comercial |
| Upstream Source | https://github.com/tailwindlabs/heroicons |
| Formatos de exportación 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: etiqueta
- Personaliza visualmente: Color, Automático (trazo y relleno), Grosor del trazo (
0.5px-4px), Ajustes de animación vectorial en vivo - Descarga el vector o la imagen: Descargar SVG, PNG (transparente), WebP (optimizado) (
2048x2048 px) - Copia el código del framework: Copia código listo para React, Next.js, Vue 3, Svelte, Angular, HTML y mascaras CSS.
- Edición vectorial profunda: Editar en el editor SVG (77.087)
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-tag.svg aria-hidden="true" focusable="false"
Coincidencias en otras bibliotecas ("etiqueta")
Compara este icono con otras bibliotecas vectoriales de código abierto.
Mas en Interfaz de usuario (UI/UX)
Exploraroutline
etiqueta
Bytesize Icons|interfaceoutline
etiqueta
Open Iconic|interfaceoutline
etiqueta
MingCute Icons|interfacesolid
etiqueta
MingCute Icons Fill|interface3d
etiqueta
3D Vector Icons|3d-iconsoutline
etiqueta
IconPark|interface
Tag
Lucide|interface
Tag
Bootstrap Icons|interface
Ferrari
SVG Icons Collection|interface
Bowl Chopsticks
Tabler Icons|interface
Flickr
SVG Icons Collection|interface
Agriculture Irrigation
Domain Icons|interface
Agriculture Irrigation
Domain Icons|interface
Anim Scroll Snap
Mouse|interface
Action Horizontal Split
Material Icons|interface
Bolt
Lucide|interface
Face Sleepy
Mouse|interface
In Pocket
Mouse|interface
Action Lightbulb
Material Icons|interface
Yen
Open Iconic|interface
Hubspot
SVG Icons Collection|interface
Action Model Training
Material Icons|interface
Big Clock
IconPark|interface
Calendar Week
MingCute Icons|interfaceExplorar más
Preguntas frecuentes
etiqueta - Preguntas frecuentes
¿Qué licencia cubre etiqueta? +
etiqueta proviene de Heroicons y está cubierto por MIT. Atribución: Crédito obligatorio.
¿En qué formatos puedo descargar etiqueta? +
etiqueta es un vector de estilo outline (viewBox 0 0 24 24). Descarga SVG, PNG, WebP o ICO, o copia código React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask o Base64 desde esta página.
¿De dónde procede el icono etiqueta? +
etiqueta forma parte de la biblioteca Heroicons de Tailwind Labs, en la categoría Interfaz de usuario (UI/UX). El texto completo de la licencia está en el archivo de aviso de la biblioteca enlazado en esta página.
100% en tu Navegador | 77.087 iconos
Editor SVG
Edita rutas, capas, colores y animaciones en tu navegador y exporta SVG limpio, PNG o código para frameworks.