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 6 Circle
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. 6 Circle - 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.
bootstrap-regular-6-circle.svg (871 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="currentColor" class="bi bi-6-circle" viewBox="0 0 16 16" width="36" height="36" role="img" aria-label="6 Circle icon"><title>6 Circle - Bootstrap Icons icon</title><desc>Free 6 Circle vector icon from the Bootstrap Icons open-source icon library; outline style, MIT licence, viewBox 0 0 16 16, 640 bytes.</desc> <path d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.21 3.855c1.612 0 2.515.99 2.573 1.899H9.494c-.1-.358-.51-.815-1.312-.815-1.078 0-1.817 1.09-1.805 3.036h.082c.229-.545.855-1.155 1.98-1.155 1.254 0 2.508.88 2.508 2.555 0 1.77-1.218 2.783-2.847 2.783-.932 0-1.84-.328-2.409-1.254-.369-.603-.597-1.459-.597-2.642 0-3.012 1.248-4.407 3.117-4.407Zm-.099 4.008c-.92 0-1.564.65-1.564 1.576 0 1.032.703 1.635 1.558 1.635.868 0 1.553-.533 1.553-1.629 0-1.06-.744-1.582-1.547-1.582"/> </svg>
Prompt de IA y mejora vectorial
Quieres mejorar o cambiar el estilo de este icono? 6 Circle
Genera un prompt de ingenieria preciso o mejora el icono en el lienzo ahora mismo. 6 Circle
Generador de prompts 100% en el navegador
Verificación de fuente y licencia
LICENSE.txt
Library: Bootstrap Icons | Author: The Bootstrap Authors | License: MIT | Source: https://github.com/twbs/icons | Sin Registro | 100% en tu Navegador
Palabras clave
#bootstrap
#regular
#circle
#interface
#outline
6 Circle - Especificaciones tecnicas del vector
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. 6 Circle
| Identificador canonico del archivo | bootstrap/bootstrap-regular-6-circle |
|---|---|
| Paquete de biblioteca de origen | Bootstrap Icons |
| Cuadrícula de coordenadas y viewBox | viewBox="0 0 16 16" |
| Peso sin comprimir | 871 bytes (~479 bytes gzipped) |
| Licencia SPDX y uso comercial | MIT - Gratis para uso comercial |
| Upstream Source | https://github.com/twbs/icons |
| 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: 6 Circle
- 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 (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-6-circle.svg aria-hidden="true" focusable="false"
Mas en Interfaz de usuario (UI/UX)
Explorarsolid
Check Circle
MingCute Icons Fill|interfaceoutline
Circle Dashed
Phosphor Icons|interfaceoutline
Circle Star
Lucide|interfacesolid
Content Change Circle
Material Icons|interfacesolid
Parking Circle
Tabler Icons|interface
Circle Check
Tabler Icons|interface
Action Build Circle
Material Icons|interface
Circle Dashed Letter Y
Tabler Icons|interface
Number Circle Three
Phosphor Icons|interface
Accessibility Sign
Domain Icons|interface
Cursor Quantum Orbital Copy
Mouse|interface
Alphabetical Sorting
IconPark|interface
History
Fluent UI Color|interface
Badge Alert
Lucide|interface
Action Disabled Visible
Material Icons|interface
Cursor Trident Poseidon
Mouse|interface
Banana
Lucide|interface
Agriculture Barn
Domain Icons|interface
Auto Height One
IconPark|interface
Agriculture Irrigation
Domain Icons|interface
Shifts
Fluent UI Color|interface
Background
IconPark|interface
caja 4
MingCute Icons|interfaceExplorar más
Preguntas frecuentes
6 Circle - Preguntas frecuentes
¿Qué licencia cubre 6 Circle? +
6 Circle proviene de Bootstrap Icons y está cubierto por MIT. Atribución: Crédito obligatorio.
¿En qué formatos puedo descargar 6 Circle? +
6 Circle es un vector de estilo outline (viewBox 0 0 16 16). 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 6 Circle? +
6 Circle forma parte de la biblioteca Bootstrap Icons de The Bootstrap Authors, 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 | 76.166 iconos
Editor SVG
Edita rutas, capas, colores y animaciones en tu navegador y exporta SVG limpio, PNG o código para frameworks.