Gerador de Favicon SVG para PWA

O projeto ainda não tem logo, mas a aba do navegador já mostra aquela folhinha em branco. Montar um jogo de ícones para isso é trabalho desproporcional. Aqui você digita até três caracteres ou um emoji, escolhe a cor de fundo e a cor do texto, e recebe uma tag link com o SVG embutido em data URI. Cola no head e acabou: nenhum arquivo novo no servidor, nenhuma requisição extra.

O desenho é um quadrado de 64 por 64 com cantos arredondados e um texto centralizado em tamanho 40, família sans-serif. A fonte não vai junto: quem resolve é o sistema de quem visita, e por isso o resultado muda um pouco entre Windows, Android e Mac. Esse tamanho de fonte acomoda bem um ou dois caracteres. Com três, as letras encostam nas bordas ou passam delas, então vale conferir a prévia ao lado.

Apesar do PWA no nome, aqui não sai manifest.json nem os PNG de 192 e 512 pixels que o Android exige para oferecer a instalação, nem apple-touch-icon (o iOS ignora favicon SVG na tela de início). Trate como o ícone da aba, da barra de endereço e dos favoritos, e gere o resto à parte quando for empacotar o app. A montagem do SVG e do snippet é toda local, no seu navegador.