Favicon de figma.com
- 27correctos
- 4advertencias
- 0ausentes
- 10opcionales
El favicon principal de figma.com es favicon.svg, un archivo SVG de 864 B. Encontramos 14 archivos de icono, 68,0 KB en total. La Búsqueda de Google puede usar icon-256.png, un archivo PNG de 256×256 (3,7 KB). El sitio obtiene 92 de 100: 27 correctos, 4 advertencias, 0 ausentes.
Así se ve
Generado a partir de los archivos encontrados.
Comprueba que el icono siga visible en una pestaña oscura.
Todos los archivos de favicon de figma.com
14 encontrados| Archivo | Encontrado en | Formato | Tamaño | Peso |
|---|---|---|---|---|
| favicon.ico | ruta por defecto | ICO | 64 px | 16,6 KB |
| icon-128.png | rel="icon" | PNG | 128×128 | 1,9 KB |
| icon-192.png | rel="icon" · manifiesto | PNG | 192×192 | 2,8 KB |
| icon-256.png | rel="icon" | PNG | 256×256 | 3,7 KB |
| favicon.png | rel="icon" | PNG | 32×32 | 589 B |
| favicon.svg | rel="icon" | SVG | vectorial | 864 B |
| favicon.ico | rel="icon" | ICO | 64 px | 16,6 KB |
| touch-76.png | rel="apple-touch-icon" | PNG | 76×76 | 1,2 KB |
| touch-120.png | rel="apple-touch-icon" | PNG | 120×120 | 1,9 KB |
| touch-152.png | rel="apple-touch-icon" | PNG | 152×152 | 2,3 KB |
| touch-167.png | rel="apple-touch-icon" | PNG | 167×167 | 2,5 KB |
| touch-180.png | rel="apple-touch-icon" | PNG | 180×180 | 2,6 KB |
| icon-512-maskable.png | manifiesto, maskable | PNG | 512×512 | 6,8 KB |
| icon-512.png | manifiesto | PNG | 512×512 | 7,6 KB |
Favicon clásico
5 correctos · 1 advertenciafavicon.ico
AdvertenciaGET /favicon.ico · no declarado en el HTML (encontrado en la raíz)
- Formato
- ICO (real)
- Contiene
- 64
- Tamaño del archivo
- 16,6 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- Caché
- 4 horas
El ICO no tiene ninguna imagen de 16 ni de 32 px, así que los navegadores reducen una más grande.
PNG 128×128
Correcto<link rel="icon" href="https://static.figma.com/app/icon/2/icon-128.png" sizes="128x128">
- Declarado
- 128×128
- Real
- 128×128
- Formato
- PNG
- Tamaño del archivo
- 1,9 KB
- HTTP
- 200
- Content-Type
- image/png
PNG 192×192
Correcto<link rel="icon" href="https://static.figma.com/app/icon/2/icon-192.png" sizes="192x192">
- Declarado
- 192×192
- Real
- 192×192
- Formato
- PNG
- Tamaño del archivo
- 2,8 KB
- HTTP
- 200
- Content-Type
- image/png
PNG 256×256
Correcto<link rel="icon" href="https://static.figma.com/app/icon/2/icon-256.png" sizes="256x256">
- Declarado
- 256×256
- Real
- 256×256
- Formato
- PNG
- Tamaño del archivo
- 3,7 KB
- HTTP
- 200
- Content-Type
- image/png
PNG
Correcto<link rel="icon" href="https://static.figma.com/app/icon/2/favicon.png" type="image/png">
- Declarado
- sin tamaños
- Real
- 32×32
- Formato
- PNG
- Tamaño del archivo
- 589 B
- HTTP
- 200
- Content-Type
- image/png
ICO
Correcto<link rel="icon" href="https://static.figma.com/app/icon/2/favicon.ico" type="image/vnd.microsoft.icon">
- Declarado
- sin tamaños
- Real
- 64
- Formato
- ICO
- Tamaño del archivo
- 16,6 KB
- HTTP
- 200
- Content-Type
- image/x-icon
Icono SVG
1 correctoFavicon SVG
Correcto<link rel="icon" href="https://static.figma.com/app/icon/2/favicon.svg" sizes="any" type="image/svg+xml">
- viewBox cuadrado
- sí
- Modo oscuro
- no
- Scripts
- ninguno
- Tamaño del archivo
- 864 B
- HTTP
- 200
- Content-Type
- image/svg+xml
Añade una media query prefers-color-scheme en el SVG para cambiar los colores en los temas oscuros del navegador.
Apple
1 correcto · 5 opcionalesApple touch icon 76×76
Opcional<link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-76.png" sizes="76x76">
- Declarado
- 76×76
- Real
- 76×76
- Recomendado
- 180×180
- Fondo
- sin medir
- Tamaño del archivo
- 1,2 KB
- HTTP
- 200
Tamaño heredado. iOS actual usa el icono de 180 px.
Apple touch icon 120×120
Opcional<link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-120.png" sizes="120x120">
- Declarado
- 120×120
- Real
- 120×120
- Recomendado
- 180×180
- Fondo
- sin medir
- Tamaño del archivo
- 1,9 KB
- HTTP
- 200
Tamaño heredado. iOS actual usa el icono de 180 px.
Apple touch icon 152×152
Opcional<link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-152.png" sizes="152x152">
- Declarado
- 152×152
- Real
- 152×152
- Recomendado
- 180×180
- Fondo
- sin medir
- Tamaño del archivo
- 2,3 KB
- HTTP
- 200
Tamaño heredado. iOS actual usa el icono de 180 px.
Apple touch icon 167×167
Opcional<link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-167.png" sizes="167x167">
- Declarado
- 167×167
- Real
- 167×167
- Recomendado
- 180×180
- Fondo
- sin medir
- Tamaño del archivo
- 2,5 KB
- HTTP
- 200
Tamaño heredado. iOS actual usa el icono de 180 px.
Apple touch icon
Correcto<link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-180.png" sizes="180x180">
- Declarado
- 180×180
- Real
- 180×180
- Recomendado
- 180×180
- Fondo
- opaco
- Tamaño del archivo
- 2,6 KB
- HTTP
- 200
Pestaña fijada de Safari (mask-icon)
Opcional<link rel="mask-icon" href="…" color="…"> – no encontrado
Heredado. Safari 12 y posteriores usan el favicon normal, así que ya no es necesario.
Archivo de manifiesto de la aplicación web
1 correctomanifest.json
Correcto<link rel="manifest" href="/manifest.json?v=1">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- válido
- Tamaño del archivo
- 555 B
- Mismo origen
- sí
- Caché
- 30 s
Campos del manifiesto
7 correctos · 1 advertencia · 2 opcionales- nameFigma
- short_nameSe usa en la pantalla de inicio cuando name es demasiado largo.sin definir
- start_urlLa página que se abre al iniciar la aplicación instalada.sin definir
- displaystandalone
- theme_color#000000
- background_color#000000
- icons · 192×192PNG · 2,8 KB · 200
- icons · 512×512PNG · 7,6 KB · 200
- icons · purpose: maskable512×512
- idsin definir
Búsqueda de Google
6 correctos- Formato de archivo compatiblePNG · icon-256.png
- Cuadrado, de al menos 8×8 px256×256
- Mayor de 48×48 px256 px
- Declarado en la página principalsí
- No bloqueado por robots.txtpermitido
- URL establesin redirecciones
Meta y heredado
1 correcto · 3 opcionales- theme-color#ffffff
- theme-color para modo oscuromedia="(prefers-color-scheme: dark)"sin definir
- msapplication-TileColorMosaicos de Windows, heredado.sin definir
- browserconfig.xmlMosaicos de Windows, heredado.no encontrado
Entrega y rendimiento
5 correctos · 2 advertencias- HTTPS en todos los iconos14 de 14
- Sin contenido mixto0 enlaces http://
- Sin enlaces rotos0 errores
- Cabeceras de cachéLos iconos cambian poco; guárdalos en caché al menos un día.0 de 14 · ≥ 1 día
- Peso total de los iconos68,0 KB
- Redirecciones0
- Etiquetas duplicadasVarias etiquetas rel="icon" declaran el mismo tamaño, y los navegadores usan la última.2 × sin sizes
Etiquetas de icono encontradas en <head>
<link rel="manifest" href="/manifest.json?v=1"> <link rel="icon" href="https://static.figma.com/app/icon/2/icon-128.png" sizes="128x128"> <link rel="icon" href="https://static.figma.com/app/icon/2/icon-192.png" sizes="192x192"> <link rel="icon" href="https://static.figma.com/app/icon/2/icon-256.png" sizes="256x256"> <link rel="icon" href="https://static.figma.com/app/icon/2/favicon.png" type="image/png"> <link rel="icon" href="https://static.figma.com/app/icon/2/favicon.svg" sizes="any" type="image/svg+xml"> <link rel="icon" href="https://static.figma.com/app/icon/2/favicon.ico" type="image/vnd.microsoft.icon"> <link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-76.png" sizes="76x76"> <link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-120.png" sizes="120x120"> <link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-152.png" sizes="152x152"> <link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-167.png" sizes="167x167"> <link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-180.png" sizes="180x180"> <meta name="theme-color" content="#ffffff">
Preguntas sobre el favicon de figma.com
¿Dónde está el favicon de figma.com?
El principal está en https://static.figma.com/app/icon/2/favicon.svg. La ruta por defecto, https://www.figma.com/favicon.ico, también devuelve un icono.
¿Qué tamaño tiene el favicon de figma.com?
favicon.svg es un archivo vectorial, así que se escala a cualquier tamaño. El icono de mapa de bits más grande del sitio es icon-512-maskable.png, de 512×512 px.
¿Puede la Búsqueda de Google mostrar el favicon de figma.com?
El sitio cumple las reglas de Google: icon-256.png es un archivo PNG de 256×256 (3,7 KB) y robots.txt lo permite. Aun así, Google decide lo que muestra.
¿Tiene figma.com un Apple touch icon y un icono maskable?
El Apple touch icon mide 180×180. El manifiesto incluye un icono maskable.