Crear un Favicon y un Icono Maskable

Funciona completamente local. Importa SVG o usa una plantilla. Exporta PNG 16–512, SVG, ICO — o un ZIP.

Plantilla

Letras / Emoji

Fuente

Color (primer plano)

Color (fondo)

Fondo transparente

Relleno

Radio de esquina

Trazo

Hacer maskable (compatible con PWA) Mostrar superposición de zona segura

PNG + SVG + ICO + ZIP

Copia estos en el <head> de tu sitio y en site.webmanifest.

Coloca favicon.ico en la raíz de tu sitio (los navegadores lo detectan automáticamente).
Añade las etiquetas HTML (PNG + SVG) en el <head>.
Para PWAs, incluye site.webmanifest y un icono maskable.
Mantén el contenido principal alejado de los bordes — la zona segura maskable ayuda.