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.
<!-- 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">