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 Sunrise
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. Sunrise - 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-sunrise.svg (913 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-sunrise" viewBox="0 0 16 16" width="36" height="36" role="img" aria-label="Sunrise icon"><title>Sunrise - Bootstrap Icons icon</title><desc>Free Sunrise vector icon from the Bootstrap Icons open-source icon library; outline style, MIT licence, viewBox 0 0 16 16, 685 bytes.</desc> <path d="M7.646 1.146a.5.5 0 0 1 .708 0l1.5 1.5a.5.5 0 0 1-.708.708L8.5 2.707V4.5a.5.5 0 0 1-1 0V2.707l-.646.647a.5.5 0 1 1-.708-.708zM2.343 4.343a.5.5 0 0 1 .707 0l1.414 1.414a.5.5 0 0 1-.707.707L2.343 5.05a.5.5 0 0 1 0-.707m11.314 0a.5.5 0 0 1 0 .707l-1.414 1.414a.5.5 0 1 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0M8 7a3 3 0 0 1 2.599 4.5H5.4A3 3 0 0 1 8 7m3.71 4.5a4 4 0 1 0-7.418 0H.499a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1h-3.79zM0 10a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2A.5.5 0 0 1 0 10m13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5"/> </svg>
Prompt de IA y mejora vectorial
Quieres mejorar o cambiar el estilo de este icono? Sunrise
Genera un prompt de ingenieria preciso o mejora el icono en el lienzo ahora mismo. Sunrise
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
#sunrise
#interface
#outline
Sunrise - Especificaciones tecnicas del vector
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. Sunrise
| Identificador canonico del archivo | bootstrap/bootstrap-regular-sunrise |
|---|---|
| Paquete de biblioteca de origen | Bootstrap Icons |
| Cuadrícula de coordenadas y viewBox | viewBox="0 0 16 16" |
| Peso sin comprimir | 913 bytes (~502 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: Sunrise
- 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.
bootstrap-regular-sunrise.svg aria-hidden="true" focusable="false"
Coincidencias en otras bibliotecas ("Sunrise")
Compara este icono con otras bibliotecas vectoriales de código abierto.
Mas en Interfaz de usuario (UI/UX)
Exploraroutline
Sunrise
MingCute Icons|interfacesolid
Sunrise
MingCute Icons Fill|interfaceoutline
Sunrise
IconPark|interfaceoutline
Aperture
Phosphor Icons|interfaceoutline
Beanie
Phosphor Icons|interfaceoutline
Bounding Box
Phosphor Icons|interface
Public Services City
Domain Icons|interface
Maps Local Play
Material Icons|interface
Maps Miscellaneous Services
Material Icons|interface
Maps Turn Left
Material Icons|interface
Language Hiragana
Tabler Icons|interface
Layout Align Left
Tabler Icons|interface
Dashed
Tabler Icons|interface
Science Planet
Domain Icons|interface
Sports Ball
Domain Icons|interface
Ad Circle
MingCute Icons Fill|interface
Approvals App
Fluent UI Color|interface
Add Subset
IconPark|interface
Compose
Bytesize Icons|interface
Basket
SVG Icons Collection|interface
ojo
Bytesize Icons|interface
Arrows Right Left
Heroicons|interface
Circle Check
Open Iconic|interface
nube
Open Iconic|interfaceExplorar más
Preguntas frecuentes
Sunrise - Preguntas frecuentes
¿Qué licencia cubre Sunrise? +
Sunrise proviene de Bootstrap Icons y está cubierto por MIT. Atribución: Crédito obligatorio.
¿En qué formatos puedo descargar Sunrise? +
Sunrise 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 Sunrise? +
Sunrise 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 | 77.087 iconos
Editor SVG
Edita rutas, capas, colores y animaciones en tu navegador y exporta SVG limpio, PNG o código para frameworks.