Los colores originales del icono se mantienen hasta que elijas un color nuevo.
Shadows - Iconos vectoriales y 3D
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. Shadows - Gratis para uso comercial y personal. Sin Registro | 100% en tu Navegador
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-shadows" viewBox="0 0 16 16" width="36" height="36" role="img" aria-label="Shadows icon"><title>Shadows - Bootstrap Icons icon</title><desc>Free Shadows vector icon from the Bootstrap Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc> <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-8 7a.5.5 0 0 1 0-1h3.5q.048 0 .093.009A7 7 0 0 0 12.9 13H8a.5.5 0 0 1 0-1h5.745q.331-.474.581-1H8a.5.5 0 0 1 0-1h6.71a7 7 0 0 0 .22-1H8a.5.5 0 0 1 0-1h7q0-.51-.07-1H8a.5.5 0 0 1 0-1h6.71a7 7 0 0 0-.384-1H8a.5.5 0 0 1 0-1h5.745a7 7 0 0 0-.846-1H8a.5.5 0 0 1 0-1h3.608A7 7 0 1 0 8 15"/> </svg>
Quieres mejorar o cambiar el estilo de este icono? Shadows
Genera un prompt de ingenieria preciso o mejora el icono en el lienzo ahora mismo. Shadows
Library: Bootstrap Icons | Author: The Bootstrap Authors | License: MIT | Sin Registro | 100% en tu Navegador
Shadows - Especificaciones tecnicas del vector
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. Shadows
| Identificador canonico del archivo | bootstrap/bootstrap-regular-shadows |
|---|---|
| Paquete de biblioteca de origen | Bootstrap Icons |
| Cuadricula de coordenadas y viewBox | viewBox="0 0 16 16" |
| Peso sin comprimir | 687 bytes (~378 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: Shadows
- 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)
bootstrap-regular-shadows.svg aria-hidden="true" focusable="false"
Mas en Interfaz de usuario (UI/UX)
ExplorarRegular Mouse
Bootstrap Icons|interfaceRegular Mouse2
Bootstrap Icons|interfaceRegular Mouse3
Bootstrap Icons|interfaceRegular Newspaper
Bootstrap Icons|interfaceRegular Nintendo Switch
Bootstrap Icons|interfaceRegular Noise Reduction
Bootstrap Icons|interfaceRegular Nut
Bootstrap Icons|interfaceRegular Nvidia
Bootstrap Icons|interfaceRegular Nvme
Bootstrap Icons|interfaceRegular Octagon Half
Bootstrap Icons|interfaceRegular Octagon
Bootstrap Icons|interfaceExplorar más
Shadows - Preguntas frecuentes
¿El icono SVG Shadows es gratis para uso comercial? +
Sí, el icono Shadows de la colección Bootstrap Icons tiene licencia MIT y puede usarse gratis en proyectos comerciales.
¿El icono Shadows mantiene sus colores originales al descargarlo? +
Sí, Shadows conserva sus colores por defecto a menos que selecciones un color nuevo en el editor.
¿Cómo uso el icono Shadows 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 Shadows como PNG transparente? +
Sí, elige un tamaño hasta 2048 px y pulsa Descargar PNG.
¿Cómo animo el icono Shadows 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 Shadows? +
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 Shadows sin perder calidad? +
Si. El archivo Shadows 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 Shadows? +
Escribe a support@svgnexus.com con la direccion del icono. Las dudas de licencia sobre Shadows van a legal@svgnexus.com.
Editor SVG
Edita rutas, capas, colores y animaciones en tu navegador y exporta SVG limpio, PNG o codigo para frameworks.