How to Create a Favicon
Creating a favicon is a 60-second job: start from a square, generate a multi-size .ico, and link it in your HTML <head>. This guide walks through every step.
Your source image should be square and at least 512×512. SVG is even better — it scales without quality loss.
The minimum viable setup is a single multi-size favicon.ico. Modern setups also include an SVG, a 180×180 apple-touch-icon, and a 192×192 + 512×512 PNG pair for PWA install prompts.
Cómo funciona
- 1
Prepare a square source
512×512 PNG or an SVG with a square viewBox.
- 2
Generate
Use our favicon generator to bundle all sizes into a single .ico.
- 3
Install
Drop favicon.ico into your site root and link it in <head>.
Pruébalo ahora
Create your favicon now
Generador de FaviconPreguntas frecuentes
What's the easiest tool to make a favicon?+
Our favicon generator — upload, click generate, download. No signup, no upload to a server.
What size should my source image be?+
512×512 minimum. SVG is ideal.
Do I need an apple-touch-icon?+
Yes, if you want a clean home-screen icon on iOS. 180×180 PNG, linked via <link rel="apple-touch-icon">.
Herramientas relacionadas
Generador de Favicon
Genera un pack completo de favicons (ICO + PNGs) para cada dispositivo y navegador.
Convertidor de PNG a ICO
Convertidor online gratuito de PNG a ICO para iconos de Windows, apps y favicons de sitios web.
Convertidor de SVG a PNG
Rasteriza gráficos vectoriales SVG en PNG a cualquier resolución.