Favicons — variações

A versão recomendada (destacada) é o quadrado teal com "S" branco. As alternativas servem para fundos/contextos diferentes. Repare nas abas simuladas (16px) — é o tamanho real de favicon.

box-teal · recomendado

Sparta Tecnologia
32 · 16px

box-branco

Sparta Tecnologia
32px (fundo escuro)

S-teal (sem caixa)

Sparta Tecnologia
32px

S-branco (sem caixa)

Sparta Tecnologia
32px (fundo escuro)
<!-- colar no <head> (versão recomendada) -->
<link rel="icon" href="/favicon/favicon.ico" sizes="any">
<link rel="icon" type="image/svg+xml" href="/favicon/favicon.svg">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
<link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png">
<link rel="manifest" href="/favicon/site.webmanifest">