Pular para o conteúdo principal

SVG para ícone

Gerar favicons ICO e ícones de aplicativos macOS ICNS a partir de SVG

Transforme um SVG em um favicon ICO de vários tamanhos ou ícone de aplicativo ICNS macOS. Escolha a plataforma e o tamanho do alvo, ajuste o ajuste e o plano de fundo e baixe um arquivo de ícone pronto para uso.

Solte os arquivos aqui

A editar predefinições para novos ficheiros

Formato do ícone

O ICO aceita tamanhos fixos: 16, 32, 48, 64, 128, 256. Renderizamos cada tamanho até o seu alvo e os empacotamos num arquivo .ico.

Incluirá: 16, 32, 48, 64, 128, 256 px

Fundo
Raio dos cantos
Desenho
Alinhamento horizontal
Alinhamento vertical

A margem interna recua o desenho, a escala amplia e o alinhamento decide onde ele fica quando não preenche a caixa. O fundo e o formato dos cantos sempre preenchem o ícone inteiro.

Pré-visualização

Sem pré-visualização. Adicione e selecione arquivos para ver os resultados.

Ainda não há arquivos. Solte arquivos acima ou clique em SELECIONAR ARQUIVOS.

O que é ICO?

ICO é o formato de contêiner de ícones do Windows usado para favicons, ícones de aplicativos e atalhos da área de trabalho. Um arquivo ICO pode conter uma ou mais imagens raster (geralmente de 16×16 até 256×256) num único arquivo.

O que é ICNS?

ICNS é o formato de contêiner de ícones da Apple, usado pelo macOS para pacotes de aplicativos e ícones de tipos de documento. Um arquivo ICNS contém uma ou mais imagens PNG em tamanhos padrão (16, 32, 64, 128, 256, 512, 1024 pixels).

Quando converter SVG para ICO ou ICNS

Navegadores e sistemas operacionais usam arquivos de ícones de contêiner. Converta SVG em um .ico de vários tamanhos quando precisar de um favicon Windows, um atalho na área de trabalho ou um ícone de aplicativo. O arquivo compacta todos os tamanhos padrão de até 256 pixels. Converta SVG em .icns ao empacotar um aplicativo macOS, um pacote Electron ou Tauri ou substituir um ícone de tipo de documento personalizado. O arquivo compacta cada slot macOS com até 1024 pixels. Uma fonte SVG oferece um arquivo de vários tamanhos para cada plataforma.

ICO ou ICNS: qual contêiner de ícone escolher

Ambos os formatos empacotam vários tamanhos raster a partir de uma única origem SVG. Escolha pela plataforma que consome o arquivo.

ICOICNS
PlataformaWindows, navegadoresmacOS
Tamanhos empacotados16, 32, 48, 64, 128, 25616, 32, 64, 128, 256, 512, 1024
Tamanho típicoVaria de acordo com o alvo e a arteVaria de acordo com o alvo e a arte
Melhor paraFavicons (favicon.ico), atalhos de área de trabalho, pins de barra de tarefasBundles macOS .app, ícones de tipos de documento, builds Mac Electron ou Tauri

Como converter SVG para um ícone ICO ou ICNS multi-tamanho online

  1. 1

    Solte seus arquivos, ou clique em SELECIONAR ARQUIVOS, para adicioná-los à fila. Até 40 por vez.

  2. 2

    Defina as opções de saída (tamanho, DPI, fundo, qualidade ou nível de detalhe do traçado) e a pré-visualização ao vivo se atualiza.

  3. 3

    Clique em SALVAR TUDO para baixar o resultado, ou um único ZIP quando a fila tiver mais de um arquivo.

Privacidade: seus arquivos não saem do navegador

A conversão é executada localmente em seu navegador usando JavaScript e WebAssembly. Não há upload de arquivos ou conversão no servidor, portanto, os arquivos adicionados permanecem no seu dispositivo.

O processamento local ajuda a proteger logotipos confidenciais, documentos internos e obras de arte não divulgadas de clientes. As páginas e o código de conversão são armazenados em cache à medida que você os utiliza, para que as ferramentas que você já abriu possam continuar funcionando sem uma conexão de rede.

Perguntas frequentes

Qual é a diferença entre ICO e ICNS?

ICO é o formato de favicon e atalho do Windows, usado por navegadores, área de trabalho e barra de tarefas. ICNS é o formato de ícone do macOS usado por pacotes .app, Finder e Dock. Ambos empacotam vários tamanhos num único arquivo para que o sistema escolha o adequado ao contexto.

Por que o arquivo contém vários tamanhos?

Os ícones aparecem em tamanhos muito diferentes nas guias do navegador, favoritos, listas de arquivos, áreas de trabalho e inicializadores de aplicativos. O agrupamento de tamanhos padrão permite que o navegador ou sistema operacional escolha a correspondência mais próxima em vez de dimensionar uma imagem para cada contexto.

Posso gerar apenas um tamanho?

Escolha o menor tamanho de destino e o conversor só gera os slots até esse tamanho. Se você realmente precisar de um arquivo em uma única resolução, tanto ICO quanto ICNS suportam isso, mas a maioria das plataformas espera um pacote multi-tamanho; o design maior pode não ficar bom quando reduzido a um ícone minúsculo da barra de menus, por exemplo.