Categorias

← View All Tools

Gerador de Favicon SVG

Transforma um logo SVG ou raster em um pacote favicon completo com ICO, variacoes PNG, Apple touch icon e web manifest

Exemplos de resultados

2 Exemplos

Gerar um pacote favicon padrao a partir de SVG

Cria ICO, PNG, Apple touch icon, manifest e um trecho HTML pronto para colar a partir de um logo vetorial

svg-favicon-generator-example1.zip Ver arquivo
Ver parâmetros de entrada
{ "sourceFile": "/public/samples/svg/01-basic-shapes.svg", "backgroundColor": "#ffffff", "fitMode": "contain", "paddingPercent": 10, "siteName": "Studio Atlas", "themeColor": "#0f172a" }

Montar um conjunto de icones de app a partir de um logo raster

Usa ajuste cover e um tema escuro para criar uma suite de favicon quando o arquivo de origem e PNG

svg-favicon-generator-example2.zip Ver arquivo
Ver parâmetros de entrada
{ "sourceFile": "/public/samples/images/logo.png", "backgroundColor": "#020617", "fitMode": "cover", "paddingPercent": 4, "siteName": "North Grid", "themeColor": "#020617" }

Click to upload file or drag and drop file here

Maximum file size: 20MB Supported formats: image/svg+xml, image/png, image/jpeg, image/webp

0 8 35

Fatos principais

Categoria
Media
Tipos de entrada
file, color, select, range, text
Tipo de saída
file
Cobertura de amostras
4
API disponível
Yes

Visão geral

SVG Favicon Generator transforma um logo SVG ou raster em um pacote favicon completo com ICO, PNG, Apple touch icon e site.webmanifest.

Quando usar

  • •Quando voce so tem um logo SVG e precisa do conjunto completo de favicons para publicar um site.
  • •Quando quer icones consistentes para navegador, iOS e Android.

Como funciona

  • •Envie um SVG ou uma imagem quadrada do logo.
  • •Defina cor de fundo, modo de ajuste e espaco interno.
  • •Baixe um ZIP com favicon.ico, PNGs, manifest e um trecho HTML.

Casos de uso

Preparar rapidamente os favicons de uma landing page.
Criar um conjunto uniforme de icones para um aplicativo web.

Exemplos

1. Gerar um pacote favicon a partir de um logo SVG

Desenvolvedor frontend
Contexto
Voce recebeu um logo vetorial pronto para web.
Problema
Precisa de todos os icones do site sem exportar cada tamanho manualmente.
Como usar
Envie o SVG, use contain e mantenha fundo branco.
Configuração de exemplo
Padding 10%, Theme color #0f172a
Resultado
Voce recebe um ZIP com todos os arquivos favicon principais.

Testar com amostras

xml, image, png
Exemplos SVG
Exemplos de Gráficos Vetoriais Escaláveis (SVG) demonstrando vários recursos e técnicas SVG
title token svg
image
Exemplos de Processamento de Imagem Web Python
Exemplos de processamento de imagem Web Python usando PIL/Pillow incluindo leitura, salvamento, redimensionamento e conversão de formato
preferred input family image
image
Exemplos de Processamento de Imagem Windows C++
Exemplos de processamento de imagem Windows C++ incluindo ler/salvar imagens, redimensionamento e conversão de formato usando Windows Imaging Component
preferred input family image
image
Exemplos de Processamento de Imagem Web Rust
Exemplos de processamento de imagem Web Rust incluindo leitura/gravação, redimensionamento e conversão de formato
preferred input family image
image

Hubs relacionados

Ferramentas de Xml para Convert
Explore 33 ferramentas de xml para fluxos de convert e encontre utilitários próximos com rapidez.
Ferramentas de Image para Convert
Explore 100 ferramentas de image para fluxos de convert e encontre utilitários próximos com rapidez.
Ferramentas de Video para Convert
Explore 36 ferramentas de video para fluxos de convert e encontre utilitários próximos com rapidez.
Ferramentas de Image
Explore 40 ferramentas de image para fluxos de utility e encontre utilitários próximos com rapidez.

FAQ

Aceita SVG?

Sim. Tambem aceita PNG e JPG.

O que vem no ZIP?

Inclui favicon.ico, PNGs em varios tamanhos, apple-touch-icon, icones Android, manifest e um snippet HTML.

Documentação da API

Ponto final da solicitação

POST /pt/api/tools/svg-favicon-generator

Parâmetros da solicitação

Nome do parâmetro Tipo Requerido Descrição
sourceFile file (Upload necessário) Sim -
backgroundColor color Não -
fitMode select Não -
paddingPercent range Não -
siteName text Não -
themeColor color Não -

Os parâmetros de tipo arquivo precisam ser carregados primeiro via POST /upload/svg-favicon-generator para obter filePath, depois filePath deve ser passado ao campo de arquivo correspondente.

Formato de resposta

{
  "filePath": "/public/processing/randomid.ext",
  "fileName": "output.ext",
  "contentType": "application/octet-stream",
  "size": 1024,
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
Arquivo: Arquivo

Documentação de MCP

Adicione este ferramenta à sua configuração de servidor MCP: 

{
  "mcpServers": {
    "elysiatools-svg-favicon-generator": {
      "name": "svg-favicon-generator",
      "description": "Transforma um logo SVG ou raster em um pacote favicon completo com ICO, variacoes PNG, Apple touch icon e web manifest",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=svg-favicon-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Você pode encadear várias ferramentas, ex: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máx 20 ferramentas.

Suporta links de arquivos URL ou codificação Base64 para parâmetros de arquivo.

Se você encontrar algum problema, por favor, entre em contato conosco em [email protected]