Trending
YouLinKs
Crea tu página de enlaces gratis: redes, web, vídeos, música, mapa y cuenta regresiva con tu diseño. Pruébala sin cuenta y mira tus visitas y clics.
El icono de tu web, completo · gratis
Crea el icono de tu web con tu logo, unas iniciales o un emoji. Míralo en la pestaña del navegador, en Google y en un iPhone, y descarga todos los archivos con el código para pegar.
Tamaño real
A 16 px casi no hay sitio: una o dos letras gruesas se leen mejor que un logo con detalles.
En la pestaña del navegador
En Google
Mi web · Página de inicio
Así aparece tu icono junto al nombre de tu web en los resultados de búsqueda.
En la pantalla del móvil
Incluye favicon.ico (16, 32 y 48 px), PNG 16 y 32, apple-touch-icon 180, Android 192 y 512, versión «maskable» y site.webmanifest.
<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">Next.js (App Router): copia en la carpeta /app favicon.ico → se enlaza solo icon.png → usa android-chrome-512x512.png renombrado apple-icon.png → usa apple-touch-icon.png renombrado y deja site.webmanifest en /public.
Sale en las vistas previas y en el manifest, como nombre al instalar tu web en el móvil.
El favicon aparece en la pestaña, en los marcadores, en los resultados de Google y en el móvil cuando alguien guarda tu web. Sin él, el navegador pone un icono genérico. Aquí lo creas y te llevas todos los tamaños de una vez.
Escribe tus iniciales (o usa tu logo o un emoji), dale forma y descarga todos los archivos: