outline
outline
MIT
2 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
Badge 4k - Iconos vectoriales y 3D
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. Badge 4k - 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.
bootstrap-regular-badge-4k.svg (766 B)
Copia rapida para desarrolladores y frameworks de interfaz
Salida de codigo en vivo
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-badge-4k" viewBox="0 0 16 16" width="36" height="36" role="img" aria-label="Badge 4k icon"><title>Badge 4k - Bootstrap Icons icon</title><desc>Free Badge 4k vector icon from the Bootstrap Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc> <path d="M4.807 5.001C4.021 6.298 3.203 7.6 2.5 8.917v.971h2.905V11h1.112V9.888h.733V8.93h-.733V5.001zm-1.23 3.93v-.032a47 47 0 0 1 1.766-3.001h.062V8.93zm9.831-3.93h-1.306L9.835 7.687h-.057V5H8.59v6h1.187V9.075l.615-.699L12.072 11H13.5l-2.232-3.415z"/> <path d="M14 3a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zM2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2z"/> </svg>
Prompt de IA y mejora vectorial
Quieres mejorar o cambiar el estilo de este icono? Badge 4k
Genera un prompt de ingenieria preciso o mejora el icono en el lienzo ahora mismo. Badge 4k
Generador de prompts 100% en el navegador
Verificacion de fuente y licencia
LICENSE.txt
Library: Bootstrap Icons | Author: The Bootstrap Authors | License: MIT | Sin Registro | 100% en tu Navegador
Palabras clave
#bootstrap
#regular
#badge
#4k
#interface
#outline
#badge 4k svg
#badge 4k icon
#badge 4k bootstrap icons
#badge 4k react tsx
#badge 4k vue
#badge 4k 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
Badge 4k - Especificaciones tecnicas del vector
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. Badge 4k
| Identificador canonico del archivo | bootstrap/bootstrap-regular-badge-4k |
|---|---|
| Paquete de biblioteca de origen | Bootstrap Icons |
| Cuadricula de coordenadas y viewBox | viewBox="0 0 16 16" |
| Peso sin comprimir | 766 bytes (~421 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: Badge 4k
- 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.
bootstrap-regular-badge-4k.svg aria-hidden="true" focusable="false"
Mas en Interfaz de usuario (UI/UX)
Explorar
outline
Regular List Task
Bootstrap Icons|interface
outline
Regular List Ul
Bootstrap Icons|interface
outline
Regular List
Bootstrap Icons|interface
outline
Regular Lock
Bootstrap Icons|interface
outline
Regular Luggage
Bootstrap Icons|interface
Regular Lungs
Bootstrap Icons|interface
Regular Magic
Bootstrap Icons|interface
Regular Magnet
Bootstrap Icons|interface
Regular Mailbox Flag
Bootstrap Icons|interface
Regular Mailbox
Bootstrap Icons|interface
Regular Mailbox2 Flag
Bootstrap Icons|interfaceExplorar más
Preguntas frecuentes
Badge 4k - Preguntas frecuentes
¿El icono SVG Badge 4k es gratis para uso comercial? +
Sí, el icono Badge 4k de la colección Bootstrap Icons tiene licencia MIT y puede usarse gratis en proyectos comerciales.
¿El icono Badge 4k mantiene sus colores originales al descargarlo? +
Sí, Badge 4k conserva sus colores por defecto a menos que selecciones un color nuevo en el editor.
¿Cómo uso el icono Badge 4k 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 Badge 4k como PNG transparente? +
Sí, elige un tamaño hasta 2048 px y pulsa Descargar PNG.
¿Cómo animo el icono Badge 4k 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 Badge 4k? +
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 Badge 4k sin perder calidad? +
Si. El archivo Badge 4k 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 Badge 4k? +
Escribe a support@svgnexus.com con la direccion del icono. Las dudas de licencia sobre Badge 4k 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.