Favicon de figma.com
- 27aprovados
- 4avisos
- 0ausentes
- 10opcionais
O favicon principal de figma.com é favicon.svg, um arquivo SVG de 864 B. Encontramos 14 arquivos de ícone, 68,0 KB no total. O Google Search pode usar icon-256.png, um arquivo PNG de 256×256 (3,7 KB). O site tem nota 92 de 100: 27 aprovados, 4 avisos, 0 ausente.
Como fica
Renderizado a partir dos arquivos encontrados.
Confira se o ícone continua visível em uma aba escura.
Todos os arquivos de favicon de figma.com
14 encontrados| Arquivo | Encontrado por | Formato | Tamanho | Peso |
|---|---|---|---|---|
| favicon.ico | caminho padrão | ICO | 64 px | 16,6 KB |
| icon-128.png | rel="icon" | PNG | 128×128 | 1,9 KB |
| icon-192.png | rel="icon" · manifest | 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 | vetorial | 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 | manifest, maskable | PNG | 512×512 | 6,8 KB |
| icon-512.png | manifest | PNG | 512×512 | 7,6 KB |
Favicon clássico
5 aprovados · 1 avisofavicon.ico
AvisoGET /favicon.ico · não declarado no HTML (encontrado na raiz)
- Formato
- ICO (real)
- Contém
- 64
- Tamanho do arquivo
- 16,6 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- Cache
- 4 horas
O ICO não tem imagem de 16 ou 32 px, então os navegadores reduzem uma imagem maior.
PNG 128×128
Aprovado<link rel="icon" href="https://static.figma.com/app/icon/2/icon-128.png" sizes="128x128">
- Declarado
- 128×128
- Real
- 128×128
- Formato
- PNG
- Tamanho do arquivo
- 1,9 KB
- HTTP
- 200
- Content-Type
- image/png
PNG 192×192
Aprovado<link rel="icon" href="https://static.figma.com/app/icon/2/icon-192.png" sizes="192x192">
- Declarado
- 192×192
- Real
- 192×192
- Formato
- PNG
- Tamanho do arquivo
- 2,8 KB
- HTTP
- 200
- Content-Type
- image/png
PNG 256×256
Aprovado<link rel="icon" href="https://static.figma.com/app/icon/2/icon-256.png" sizes="256x256">
- Declarado
- 256×256
- Real
- 256×256
- Formato
- PNG
- Tamanho do arquivo
- 3,7 KB
- HTTP
- 200
- Content-Type
- image/png
PNG
Aprovado<link rel="icon" href="https://static.figma.com/app/icon/2/favicon.png" type="image/png">
- Declarado
- sem sizes
- Real
- 32×32
- Formato
- PNG
- Tamanho do arquivo
- 589 B
- HTTP
- 200
- Content-Type
- image/png
ICO
Aprovado<link rel="icon" href="https://static.figma.com/app/icon/2/favicon.ico" type="image/vnd.microsoft.icon">
- Declarado
- sem sizes
- Real
- 64
- Formato
- ICO
- Tamanho do arquivo
- 16,6 KB
- HTTP
- 200
- Content-Type
- image/x-icon
Ícone SVG
1 aprovadoFavicon SVG
Aprovado<link rel="icon" href="https://static.figma.com/app/icon/2/favicon.svg" sizes="any" type="image/svg+xml">
- viewBox quadrado
- sim
- Modo escuro
- não
- Scripts
- nenhum
- Tamanho do arquivo
- 864 B
- HTTP
- 200
- Content-Type
- image/svg+xml
Adicione uma media query prefers-color-scheme no SVG para trocar as cores nos temas escuros do navegador.
Apple
1 aprovado · 5 opcionaisApple 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
- Fundo
- não medido
- Tamanho do arquivo
- 1,2 KB
- HTTP
- 200
Tamanho legado. O iOS atual usa o ícone 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
- Fundo
- não medido
- Tamanho do arquivo
- 1,9 KB
- HTTP
- 200
Tamanho legado. O iOS atual usa o ícone 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
- Fundo
- não medido
- Tamanho do arquivo
- 2,3 KB
- HTTP
- 200
Tamanho legado. O iOS atual usa o ícone 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
- Fundo
- não medido
- Tamanho do arquivo
- 2,5 KB
- HTTP
- 200
Tamanho legado. O iOS atual usa o ícone de 180 px.
Apple touch icon
Aprovado<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
- Fundo
- opaco
- Tamanho do arquivo
- 2,6 KB
- HTTP
- 200
Safari pinned tab (mask-icon)
Opcional<link rel="mask-icon" href="…" color="…"> – não encontrado
Legado. O Safari 12+ usa o favicon comum, então isso não é mais necessário.
Arquivo web app manifest
1 aprovadomanifest.json
Aprovado<link rel="manifest" href="/manifest.json?v=1">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- válido
- Tamanho do arquivo
- 555 B
- Mesma origem
- sim
- Cache
- 30 s
Campos do manifest
7 aprovados · 1 aviso · 2 opcionais- nameFigma
- short_nameUsado na tela inicial quando name é longo demais.não definido
- start_urlA página que abre quando o app instalado inicia.não definido
- 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
- idnão definido
Pesquisa do Google
6 aprovados- Formato de arquivo compatívelPNG · icon-256.png
- Quadrado, de pelo menos 8×8 px256×256
- Maior que 48×48 px256 px
- Declarado na página inicialsim
- Não bloqueado pelo robots.txtpermitido
- URL estávelsem redirecionamentos
Meta e legado
1 aprovado · 3 opcionais- theme-color#ffffff
- theme-color para o modo escuromedia="(prefers-color-scheme: dark)"não definido
- msapplication-TileColorBlocos do Windows, legado.não definido
- browserconfig.xmlBlocos do Windows, legado.não encontrado
Entrega e desempenho
5 aprovados · 2 avisos- HTTPS em todos os ícones14 de 14
- Sem conteúdo misto0 link http://
- Sem links quebrados0 erro
- Cabeçalhos de cacheÍcones raramente mudam; mantenha-os em cache por pelo menos um dia.0 de 14 · ≥ 1 dia
- Peso total dos ícones68,0 KB
- Redirecionamentos0
- Tags duplicadasVárias tags rel="icon" declaram o mesmo tamanho, e os navegadores usam a última.2 × sem sizes
Tags de ícone encontradas no <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">
Perguntas sobre o favicon de figma.com
Onde fica o favicon de figma.com?
O principal está em https://static.figma.com/app/icon/2/favicon.svg. O caminho padrão, https://www.figma.com/favicon.ico, também retorna um ícone.
Qual é o tamanho do favicon de figma.com?
favicon.svg é um arquivo vetorial, então escala para qualquer tamanho. O maior ícone raster do site é icon-512-maskable.png, com 512×512 px.
O Google Search consegue exibir o favicon de figma.com?
O site cumpre as regras do Google: icon-256.png é um arquivo PNG de 256×256 (3,7 KB) e o robots.txt permite o acesso. Ainda assim, quem decide o que exibir é o Google.
figma.com tem um Apple touch icon e um ícone maskable?
O Apple touch icon tem 180×180. O manifest inclui um ícone maskable.