outline
outline
MIT
1 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
Lightbulb - Iconos vectoriales y 3D
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. Lightbulb - 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.
phosphor-regular-lightbulb.svg (954 B)
Copia rapida para desarrolladores y frameworks de interfaz
Salida de codigo en vivo
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" width="36" height="36" role="img" aria-label="Lightbulb icon"><title>Lightbulb - Phosphor Icons icon</title><desc>Free Lightbulb vector icon from the Phosphor Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc><path d="M176,232a8,8,0,0,1-8,8H88a8,8,0,0,1,0-16h80A8,8,0,0,1,176,232Zm40-128a87.55,87.55,0,0,1-33.64,69.21A16.24,16.24,0,0,0,176,186v6a16,16,0,0,1-16,16H96a16,16,0,0,1-16-16v-6a16,16,0,0,0-6.23-12.66A87.59,87.59,0,0,1,40,104.49C39.74,56.83,78.26,17.14,125.88,16A88,88,0,0,1,216,104Zm-16,0a72,72,0,0,0-73.74-72c-39,.92-70.47,33.39-70.26,72.39a71.65,71.65,0,0,0,27.64,56.3A32,32,0,0,1,96,186v6h64v-6a32.15,32.15,0,0,1,12.47-25.35A71.65,71.65,0,0,0,200,104Zm-16.11-9.34a57.6,57.6,0,0,0-46.56-46.55,8,8,0,0,0-2.66,15.78c16.57,2.79,30.63,16.85,33.44,33.45A8,8,0,0,0,176,104a9,9,0,0,0,1.35-.11A8,8,0,0,0,183.89,94.66Z"/></svg>
Prompt de IA y mejora vectorial
Quieres mejorar o cambiar el estilo de este icono? Lightbulb
Genera un prompt de ingenieria preciso o mejora el icono en el lienzo ahora mismo. Lightbulb
Generador de prompts 100% en el navegador
Verificacion de fuente y licencia
LICENSE.txt
Library: Phosphor Icons | Author: Helena Zhang & Toby Fried | License: MIT | Sin Registro | 100% en tu Navegador
Palabras clave
#phosphor
#regular
#lightbulb
#interface
#outline
#lightbulb svg
#lightbulb icon
#lightbulb phosphor icons
#lightbulb react tsx
#lightbulb vue
#lightbulb 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
Lightbulb - Especificaciones tecnicas del vector
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. Lightbulb
| Identificador canonico del archivo | phosphor/phosphor-regular-lightbulb |
|---|---|
| Paquete de biblioteca de origen | Phosphor Icons |
| Cuadricula de coordenadas y viewBox | viewBox="0 0 256 256" |
| Peso sin comprimir | 954 bytes (~525 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: Lightbulb
- 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.
phosphor-regular-lightbulb.svg aria-hidden="true" focusable="false"
Mas en Interfaz de usuario (UI/UX)
Explorar
outline
Regular Backpack3
Bootstrap Icons|interface
outline
Regular Backpack4
Bootstrap Icons|interface
outline
Regular Backspace Reverse
Bootstrap Icons|interface
outline
Regular Backspace
Bootstrap Icons|interface
outline
Regular Badge 3d
Bootstrap Icons|interface
Regular Badge 4k
Bootstrap Icons|interface
Regular Badge 8k
Bootstrap Icons|interface
Regular Badge Ad
Bootstrap Icons|interface
Regular Badge Ar
Bootstrap Icons|interface
Regular Badge Cc
Bootstrap Icons|interface
Regular Badge Hd
Bootstrap Icons|interfaceExplorar más
Preguntas frecuentes
Lightbulb - Preguntas frecuentes
¿El icono SVG Lightbulb es gratis para uso comercial? +
Sí, el icono Lightbulb de la colección Phosphor Icons tiene licencia MIT y puede usarse gratis en proyectos comerciales.
¿El icono Lightbulb mantiene sus colores originales al descargarlo? +
Sí, Lightbulb conserva sus colores por defecto a menos que selecciones un color nuevo en el editor.
¿Cómo uso el icono Lightbulb 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 Lightbulb como PNG transparente? +
Sí, elige un tamaño hasta 2048 px y pulsa Descargar PNG.
¿Cómo animo el icono Lightbulb 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 Lightbulb? +
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 Lightbulb sin perder calidad? +
Si. El archivo Lightbulb 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 Lightbulb? +
Escribe a support@svgnexus.com con la direccion del icono. Las dudas de licencia sobre Lightbulb 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.