Ícone de linha fina
256 × 256 px · ICO · 16, 24, 32, 48, 256
Um ícone de linha de 24 px redesenhado em cada tamanho; em 24 e 48 px cada linha cai em pixels inteiros.
Converter SVG para ICO e criar favicon
Converta SVG para ICO com cada tamanho desenhado nítido a partir do vetor, de 16 px a 256 px, transparente ou sobre uma forma colorida. Com mais um clique você recebe o kit de favicon completo com o HTML. Grátis, no seu dispositivo.
SVG → ICOGrátis · roda no seu navegador
·Sem um SVG à mão?
Convertido no seu dispositivo; os arquivos não são enviados aos nossos servidores. Fontes da web e imagens vinculadas a um SVG são baixadas pelo seu navegador dos servidores de origem, para que o arquivo apareça corretamente.
- Grátis, sem cadastro nem marca d'água
- Os arquivos ficam no seu dispositivo
- Cada tamanho desenhado a partir do vetor
- Kit de favicon com HTML incluído
Seis exemplos de SVG para ICO para testar
Ícones originais que desenhamos para esta página, cada um convertido de SVG para ICO aqui com os ajustes do seu cartão. Carregue um para testar os mesmos ajustes.
Favicon com modo escuro
256 × 256 px · ICO · 16, 32, 48, 256
O kit de favicon mantém as cores do modo escuro do SVG no icon.svg.
Selo redondo
256 × 256 px · ICO · 16, 32, 48, 256
Fundo em círculo com 10% de margem; os cantos ficam transparentes.
Símbolo com degradê
256 × 256 px · ICO · 16, 32, 48, 256
Transparente em volta do símbolo em todos os tamanhos, com as bordas suaves mantidas.
Ícone de app do Windows
256 × 256 px · ICO · 16, 24, 32, 48, 128, 256
Um símbolo branco sobre um bloco roxo arredondado, seis tamanhos até 256 px.
Coração em pixel art
256 × 256 px · ICO · 16, 32, 48, 64, 256
16, 32, 48, 64 e 256 px: múltiplos inteiros, então cada pixel continua quadrado.
Ícone de linha fina
256 × 256 px · ICO · 16, 24, 32, 48, 256
Um ícone de linha de 24 px redesenhado em cada tamanho; em 24 e 48 px cada linha cai em pixels inteiros.
Ícone de app do Windows
256 × 256 px · ICO · 16, 24, 32, 48, 128, 256
Um símbolo branco sobre um bloco roxo arredondado, seis tamanhos até 256 px.
Símbolo com degradê
256 × 256 px · ICO · 16, 32, 48, 256
Transparente em volta do símbolo em todos os tamanhos, com as bordas suaves mantidas.
Selo redondo
256 × 256 px · ICO · 16, 32, 48, 256
Fundo em círculo com 10% de margem; os cantos ficam transparentes.
Favicon com modo escuro
256 × 256 px · ICO · 16, 32, 48, 256
O kit de favicon mantém as cores do modo escuro do SVG no icon.svg.
Coração em pixel art
256 × 256 px · ICO · 16, 32, 48, 64, 256
16, 32, 48, 64 e 256 px: múltiplos inteiros, então cada pixel continua quadrado.
De arquivo SVG para ICO em três passos
Adicione, escolha e baixe.
Solte até 50 arquivos, .svg ou .svgz, de até 20 MB cada, ou cole código SVG.
16, 32, 48 e 256 px por padrão. Mantenha transparente ou defina uma cor numa forma quadrada, arredondada ou circular.
Confira cada tamanho na lista e salve o ICO, um ZIP ou o kit de favicon.
O que este conversor de SVG para ICO faz de melhor
Seis pontos fortes deste conversor grátis, para favicons, ícones de apps e atalhos.
Cada tamanho desenhado nítido
Cada tamanho é desenhado a partir do vetor naquele tamanho, então o ícone de 16 px é um desenho real de 16 px, com bordas limpas próprias. Ícones de linha desenhados numa grade de 16 ou 24 px brilham aqui: este veleiro cai em pixels inteiros em 24 e 48 px.
Transparência mantida
As áreas transparentes continuam transparentes em todos os tamanhos, inclusive bordas suaves e degradês. Os tamanhos pequenos entram como BMP de 32 bits, e 128 e 256 px como PNG, do jeito que o Windows guarda os próprios ícones. Este símbolo de chama mantém o degradê e o entorno transparente em todos os tamanhos.
Kit de favicon num clique
favicon.ico, icon.svg com o modo escuro mantido, apple-touch-icon, ícones de app de 192 e 512 px e o manifest, além das linhas para o seu <head>. O icon.svg deste monograma muda sozinho para as cores do modo escuro.
Fundo, forma e margem
Transparente, branco, preto ou qualquer cor, em quadrado, bloco arredondado ou círculo, com 5% a 20% de margem. Símbolos e logotipos mais ou menos quadrados preenchem melhor o bloco, como este selo de broto num círculo verde-azulado com 10% de margem e os cantos transparentes.
Cada tamanho à vista antes de salvar
Cada arquivo mostra os tamanhos pequenos em pixels reais, então você vê o ícone de 16 px antes de ele ir para o seu site. Pixel art salva em múltiplos inteiros mantém cada pixel quadrado, como este coração em 16, 32, 48, 64 e 256 px.
Lote, ZIP e privacidade
Até 50 arquivos SVG de uma vez, salvos num único ZIP. Tudo roda no seu dispositivo; nada é enviado. Este símbolo de app virou um único ICO com seis tamanhos até 256 px, sobre um bloco roxo arredondado pronto para um app do Windows.
Guia de SVG para ICO: tamanhos, transparência e favicons
O que vai num arquivo ICO e onde cada tamanho é usado.
Quais tamanhos um arquivo ICO precisa ter
Um ICO guarda várias imagens quadradas, e cada lugar escolhe a de que precisa. 16 px aparece nas abas do navegador e nos favoritos, 32 px nas abas de telas nítidas e na barra de tarefas do Windows, 48 px na área de trabalho e nos resultados do Google, e 256 px nos modos de exibição grandes do Windows. Para um favicon, 16, 32 e 48 px bastam; para um app ou atalho do Windows, acrescente 24, 64, 128 e 256 px.
Por que cada tamanho é desenhado a partir do vetor
Redesenhar o SVG em cada tamanho dá a cada tamanho bordas limpas próprias, então linhas finas continuam sendo linhas em 16 px. Este conversor de SVG para ICO faz isso em cada tamanho que você escolher. Confira o ícone de 16 px na lista: para uma marca com detalhes finos ou um logotipo largo, o símbolo sozinho fica mais legível nesse tamanho.
Transparência, forma do fundo e margem
Arquivos ICO mantêm um canal alfa completo, então áreas transparentes e bordas suaves continuam transparentes em qualquer barra de tarefas ou aba. Escolha uma cor de fundo para colocar o símbolo num quadrado, bloco arredondado ou círculo; os cantos em volta de uma forma arredondada ou circular ficam transparentes. Uma margem de 10% a 15% evita que símbolos que encostam nas bordas pareçam apertados.
O kit de favicon e o HTML
Os navegadores ainda pedem /favicon.ico, então ele continua sendo a base. Navegadores modernos preferem o icon.svg, que fica nítido em qualquer tamanho e mantém as cores do modo escuro do SVG. iPhones usam o apple-touch-icon.png de 180 px, sobre branco quando o seu SVG é transparente, já que o iOS mostra a transparência como preto. O Android e os apps instalados leem os ícones de 192 e 512 px no manifest. Coloque os arquivos na raiz do seu site e cole as quatro linhas no <head>.
Pixel art e ícones de linha fina
A pixel art continua quadrada em múltiplos inteiros da sua grade: um desenho de 16 px funciona em 16, 32, 48, 64, 128 e 256 px, então escolha esses tamanhos. Ícones de linha desenhados numa grade de 24 px ficam mais nítidos em 24 e 48 px, e em 16 px um traço de pelo menos um pixel mantém cada linha clara.
Onde converter SVG para ICO ajuda
Lugares que ainda pedem um ICO.
Favicons de sites
favicon.ico na raiz do site, mais o kit completo para celulares e apps.
Apps e instaladores do Windows
Um ICO de 16 a 256 px para Electron, .NET ou criadores de instaladores.
Atalhos e pastas
Ícones personalizados para atalhos da área de trabalho e pastas no Windows.
Apps web
Ícones de 192 e 512 px e um manifest para apps web instaláveis.
SVG para ICO: perguntas frequentes
Conversão, tamanhos de favicon, favicon.ico hoje, transparência, favicons em SVG, ícones do Windows, nitidez e privacidade.
Comece a converter SVG para ICO
Cada tamanho nítido, transparência mantida e kit de favicon incluído. Grátis, no seu dispositivo.
Experimente agora