Buscador de Iconos SVG
Busca Lucide y Heroicons — copia SVG, React o Vue con un clic.
Personaliza tamaño, color y grosor de trazo.
🔒Todas las operaciones se ejecutan en tu navegador.
Acerca de
El Buscador de Iconos SVG te permite buscar en el conjunto de iconos Lucide y copiar el código SVG con un solo clic. Personaliza el tamaño, el color y el grosor del trazo, y genera código listo para usar en React o Vue. Todo funciona en tu navegador sin peticiones de red.
Cómo usar
Busca por nombre
Escribe una palabra clave (arrow, home, etc.) para filtrar iconos.
Selecciona y personaliza
Haz clic en un icono y ajusta el tamaño, el color y el grosor del trazo.
Copia el código
Copia el código SVG, React o Vue directamente a tu proyecto.
Glosario
- SVG (Gráficos Vectoriales Escalables)
- Formato de imagen vectorial basado en XML que escala sin pérdida de calidad, ideal para la web.
- Lucide
- Conjunto de iconos SVG de código abierto con más de 1500 iconos. Licencia ISC.
- Heroicons
- Iconos SVG del equipo de Tailwind CSS. Licencia MIT.
- viewBox
- Atributo SVG que define el sistema de coordenadas, garantizando el escalado correcto.
- stroke-width
- Controla el grosor de las líneas de trazo del icono.
- currentColor
- Palabra clave SVG que hereda el valor de color CSS para stroke/fill.
FAQ
- Q.¿Qué licencia tienen los iconos?
- Lucide tiene licencia ISC y Heroicons licencia MIT. Ambos son gratuitos para uso comercial.
- Q.¿Se envían datos a un servidor?
- No. Todas las operaciones se ejecutan en tu navegador.
Casos de uso
Diseño web
Encuentra el icono perfecto para tus proyectos de UI.
Proyectos React
Copia importaciones de componentes al instante.
Maquetas de diseño
Vista previa de iconos antes de añadirlos a Figma.
Comparación de bibliotecas
Compara Lucide vs Heroicons en paralelo.