¿Qué es Creador de iconos?

Icon Maker te permite crear iconos simples y profesionales para apps, sitios web y favicons. Combina formas, letras y colores en un lienzo con cuadrícula, añade un degradado de dos colores si quieres, y exporta en múltiples tamaños (16×16 a 512×512) como PNG, SVG, .ico de varios tamaños o un ZIP completo de favicons listo para tu sitio.

Elige un círculo, cuadrado o cuadrado redondeado como base, fija un color de fondo y otro de primer plano, y superpone una sola letra o uno de los símbolos incluidos (tilde, estrella, flecha, corazón, más). Ajusta el tamaño de fuente y el desplazamiento hasta centrar el glifo, y exporta en seis tamaños estándar de 16×16 a 512×512 en un solo clic.

Cómo usar

1. Paso 1 — Elige una forma base (círculo, cuadrado, cuadrado redondeado) y establece el color de fondo.
2. Paso 2 — Añade una letra, símbolo o forma superpuesta. Ajusta el color frontal, tamaño y posición.
3. Paso 3 — Previsualiza en múltiples tamaños y exporta como PNG (16, 32, 48, 128, 256, 512 px), SVG, .ico o descarga el ZIP de favicons completo junto al fragmento de HTML listo para pegar.

Cuándo usar

• Generar un favicon para un proyecto personal sin abrir Figma ni pagar un pack de iconos.
• Hacer un icono provisional para un prototipo de Android o iOS antes de tener el arte final.
• Crear un monograma (inicial sobre un bloque de color) para una web personal o un avatar de GitHub.

Resultado

Un desarrollador crea un favicon para una app de tareas: fondo azul de cuadrado redondeado (#3B82F6) con un símbolo de check blanco, exportado como PNG de 32×32 para la pestaña del navegador y PNG de 512×512 para el manifiesto PWA.

Preguntas frecuentes

¿Qué tamaños necesito de verdad para el favicon de un sitio web?

Como mínimo un PNG de 32×32 para las pestañas de los navegadores de escritorio y uno de 180×180 (o 192×192) para la pantalla de inicio de iOS y los accesos directos de Android. Si publicas una PWA, añade 512×512 para el manifest. El botón Exportar todos genera el set completo de una vez.

¿Exportar SVG o PNG?

SVG escala perfecto y es la opción para iconos dentro de una app a tamaños variables, como logotipos de barra lateral. PNG es obligatorio para favicons, tiendas de aplicaciones y cualquier plataforma que no acepte vectores. El menú ofrece los dos.

¿Puedo usar mi propia imagen o símbolo en lugar del set incluido?

Sí. Cambia la superposición al modo Imagen y sube un PNG, JPG, SVG o WebP: se recorta a la forma que elijas y puedes escalarlo, moverlo y rotarlo antes de exportar. Para una marca rápida, el modo Letra acepta cualquier carácter, incluido un emoji pegado. Para un logo a medida, sube tu SVG transparente y elige el fondo transparente.

¿Por qué la letra se ve descentrada en los tamaños pequeños de exportación?

El centrado óptico de la tipografía rara vez coincide con el centro geométrico. Letras con descendentes (g, p, y) o mayúsculas altas quedan más equilibradas si se mueven uno o dos píxeles del centro matemático. Usa los deslizadores Offset X y Offset Y antes de exportar.

¿El cuadrado redondeado coincide con la forma del sistema de iOS o Android?

Es un cuadrado redondeado genérico cercano al de iOS. Tanto Android (círculo, squircle, gota) como iOS aplican una máscara adaptativa al icono que envíes, así que diseña a sangre completa y deja que el sistema lo recorte a su forma actual.

Herramientas relacionadas