Conversor de SVG para ICO
Solte um SVG abaixo e receba de volta um arquivo ICO. O vetor é desenhado em cada tamanho que você escolher, de 16 a 256 px, então cada ícone do .ico é renderizado para a sua própria grade de pixels, em vez de ser reduzido a partir de um único bitmap grande. Use o resultado como favicon.ico ou como ícone do Windows. Um SVG adicionado do seu dispositivo fica no seu navegador.
Confira seu SVG antes de converter
- Defina um viewBox. O elemento svg raiz precisa de um atributo viewBox para que o desenho possa ser ajustado a um quadrado. Sem ele, o ícone pode sair cortado, fora do centro ou em branco.
- Converta o texto em contornos. Texto editável é renderizado com as fontes que o navegador tiver disponíveis. Converta o texto em caminhos no Figma, Illustrator ou Inkscape para que as letras fiquem iguais em qualquer computador.
- Incorpore imagens e estilos. Um navegador que desenha um SVG em um canvas não carrega imagens vinculadas nem folhas de estilo externas, então elas somem do ícone. Incorpore as imagens como data URIs e mantenha o CSS dentro do arquivo.
- Simplifique para 16 px. Traços mais finos que um pixel viram um borrão cinza em 16 e 32 px. Se o ícone for visto principalmente em uma aba do navegador, engrosse as linhas finas e elimine detalhes miúdos antes de converter.
Como converter SVG para ICO
- Adicione o SVG. Arraste-o para a área de envio, escolha-o no seu dispositivo ou cole-o. São aceitos arquivos de até 10 MB.
- Escolha os tamanhos. Mantenha 16, 32 e 48 px para um favicon. Adicione 256 px se o Windows for exibi-lo como ícone de aplicativo.
- Escolha o ajuste. “Conter” mantém o logo inteiro dentro do quadrado. Deixe o fundo em “Transparente”, a menos que queira branco atrás dele.
- Converta e salve. Clique em “Converter” e depois baixe o .ico. Vários SVGs podem ser salvos juntos em um ZIP com “Baixar arquivos”.
Perguntas sobre SVG para ICO
Por que meu ICO está em branco ou com partes faltando?
Normalmente o SVG não tem viewBox, aponta para uma imagem ou folha de estilo externa, ou usa uma fonte que o seu navegador não tem. Corrija isso no SVG e converta de novo. O guia de solução de problemas de SVG para ICO trata de cada caso.
O ICO continua sendo um vetor?
Não. Um ICO guarda imagens bitmap em tamanhos fixos, então o SVG é rasterizado uma vez para cada tamanho que você escolher. Guarde o SVG como seu arquivo original.
O ícone fica nítido em 16 px?
Ele é renderizado diretamente em 16 × 16, o que é o máximo de nitidez que esse tamanho permite. Detalhes menores que um pixel não sobrevivem, então simplifique as linhas finas antes.
Devo usar um favicon SVG em vez disso?
A maioria dos navegadores atuais aceita um favicon SVG por meio de uma tag link, mas muitas ferramentas e navegadores mais antigos ainda solicitam /favicon.ico. Muitos sites usam os dois: o SVG para navegadores modernos e um ICO como alternativa.
Para um passo a passo com dicas para ferramentas de design, leia o guia de SVG para ICO.
Tem um PNG? Use o conversor de PNG para ICO.
Arquivos JPG, WebP, GIF, BMP e AVIF funcionam no conversor ICO da página inicial.