Múltiples formatos
Exporta SVG animado, PNG de alta resolución e ICO con seis tamaños.
Gratis y procesado en tu navegador
Crea iconos personalizados en segundos
Convierte imágenes o texto en iconos SVG, PNG e ICO. Ajusta colores, fondo, grosores, animaciones y bordes sin enviar archivos a servicios externos.
Creador de iconos
Sube una imagen o crea un icono con texto y personaliza cada detalle.
Imagen de origen
Elige un archivo o genera una imagen con texto.
Arrastra y suelta tu imagen aquí
o haz clic para seleccionar
PNG, JPG ou JPEG · hasta 40 MB
Configuración del icono
Ajusta el nombre, grosor, animación y forma del icono.
Genera variantes de grosor sobre la silueta. Para resultados más fieles, usa el modo monocromático o imágenes con transparencia.
Redondeo del borde
Usa un atajo o ajusta de 0% a 50%.
Colores y apariencia
Conserva la imagen original o convierte un icono plano a un solo color, con fondo transparente o de color.
Fondo transparente
Herramienta, documentación y ejemplos en un solo lugar
Todo lo que necesitas para crear iconos
Una herramienta práctica para desarrolladores, diseñadores y cualquiera que prepare iconos para sitios, aplicaciones y proyectos.
Además de crear, el sitio explica cómo elegir el formato correcto, integrar archivos, cuidar la accesibilidad y evitar problemas de caché y rendimiento.
Personalización completa
Ajusta el color del icono, color del fondo, transparencia, bordes, animaciones y grosores.
Privacidad local
El procesamiento y tu biblioteca permanecen en el navegador.
Biblioteca para desarrollo
Genera CSS global, JavaScript, TypeScript y SVG en siete grosores con ejemplos para los frameworks principales.
Elige el formato correcto antes de exportar
Cada formato cumple una función. Esta comparación ayuda a evitar archivos borrosos, incompatibles o demasiado grandes.
| Formato | Mejor uso | Ventajas | Atención |
|---|---|---|---|
| SVG | Iconos de interfaz, logotipos simples y bibliotecas | Escala con nitidez y admite CSS y animación | El arte fotográfico o muy complejo puede pesar demasiado |
| PNG | Imágenes raster, transparencia y vistas previas | Gran compatibilidad y conservación de píxeles | La resolución fija puede verse borrosa al ampliar |
| ICO | Favicons y accesos con varios tamaños | Reúne varias resoluciones en un archivo | No es la mejor opción para componentes de la página |
Selección local
La imagen comienza en el dispositivo del visitante y el navegador la lee para preparar la vista previa.
Configuración
Tamaño, bordes, fondo, estilo y otros ajustes se aplican antes de exportar.
Generación
El módulo de procesamiento se carga solo cuando es necesario para generar el resultado.
Exportación
El archivo final se crea después de una acción explícita y puede guardarse en el dispositivo.
16 × 16favicon pequeño
32 × 32pestaña y favoritos
180 × 180acceso directo
512 × 512origen y alta densidad
Cómo crear tu icono
El flujo mantiene las acciones bloqueadas hasta que exista una imagen válida y permite revisar el resultado antes de descargar.
- 1. Elige el origen
Sube PNG, JPG o JPEG, o crea una imagen con texto.
- 2. Personaliza
Ajusta el nombre, grosor, color del icono, fondo, redondeo y animación.
- 3. Exporta
Descarga SVG, PNG o ICO, guarda en la biblioteca y genera el paquete para tu proyecto.
Procesamiento local y control del usuario
La imagen se lee y transforma en el navegador. No necesita enviarse a una API propia para generar las exportaciones.
La biblioteca usa almacenamiento local. Esto mejora la privacidad, pero limpiar los datos del sitio también elimina los elementos guardados.
- Procesamiento de imagen en el navegador.
- Límite de biblioteca para reducir problemas de almacenamiento.
- Exportaciones generadas solo después de una acción.
- Página de privacidad con detalles sobre Analytics, AdSense y cookies.
Profundiza con guías completas
Los artículos responden las dudas posteriores a la exportación: publicación, formatos, integración y optimización.
Cómo crear un favicon completo para tu sitio web
Conoce tamaños, formatos, etiquetas HTML, caché y pruebas para publicar un favicon nítido en navegadores y dispositivos.
Leer guíaSVG, PNG o ICO: qué formato usar en cada situación
Compara escalabilidad, transparencia, compatibilidad y peso para elegir el formato correcto sin degradar el icono.
Leer guíaCómo organizar iconos en Vue, React, Angular y Svelte
Crea una biblioteca predecible, evita imports repetidos y conserva accesibilidad y estilos coherentes entre componentes.
Leer guíaCómo optimizar iconos para rendimiento, accesibilidad y calidad visual
Reduce peso, evita saltos de diseño y entrega iconos nítidos y accesibles en pantallas pequeñas y de alta densidad.
Leer guíaPreguntas frecuentes
Respuestas directas sobre formatos, privacidad, colores y variaciones de peso.
¿Qué formatos puedo generar?
¿Mi imagen se envía a un servidor?
¿Qué tamaños incluye el ICO?
¿Puedo cambiar por separado el color del icono y del fondo?
¿Qué estilos genera la biblioteca?