Categorías

← View All Tools

Generador de Favicon SVG

Convierte un logo SVG o raster en un paquete favicon completo con ICO, variantes PNG, icono Apple Touch y web manifest

Resultados de ejemplo

2 Ejemplos

Generar un paquete favicon estandar desde SVG

Crea ICO, PNG, icono Apple Touch, manifest y un fragmento HTML listo para pegar a partir de un logo vectorial

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

Crear un conjunto de iconos de app desde un logo raster

Usa ajuste cover y un tema oscuro para crear una suite de favicon cuando el recurso fuente es PNG

svg-favicon-generator-example2.zip Ver archivo
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

Datos clave

Categoría
Media
Tipos de entrada
file, color, select, range, text
Tipo de salida
file
Cobertura de muestras
4
API disponible
Yes

Resumen

SVG Favicon Generator convierte un logo SVG o raster en un paquete favicon completo con ICO, PNG, icono Apple Touch y site.webmanifest.

Cuándo usarlo

  • •Cuando solo tienes un logo SVG y necesitas todos los iconos para publicar un sitio.
  • •Cuando quieres un paquete coherente para navegador, iOS y Android.

Cómo funciona

  • •Sube un SVG o una imagen cuadrada del logo.
  • •Configura color de fondo, modo de ajuste y relleno.
  • •Descarga un ZIP con favicon.ico, PNG, manifest y un fragmento HTML.

Casos de uso

Preparar rapidamente los favicons de una landing page.
Crear un set de iconos consistente para una web app.

Ejemplos

1. Crear un paquete favicon desde un logo SVG

Desarrollador frontend
Contexto
Recibiste un logo vectorial listo para web.
Problema
Necesitas todos los iconos del sitio sin exportarlos a mano.
Cómo usarlo
Sube el SVG y usa modo contain con fondo blanco.
Configuración de ejemplo
Padding 10%, Theme color #0f172a
Resultado
Obtienes un ZIP con todos los archivos favicon principales.

Probar con muestras

xml, image, png
Ejemplos SVG
Ejemplos de Gráficos Vectoriales Escalables (SVG) que demuestran varias características y técnicas SVG
title token svg
image
Ejemplos de Procesamiento de Imágenes Web Python
Ejemplos de procesamiento de imágenes Web Python usando PIL/Pillow incluyendo lectura, guardado, redimensionamiento y conversión de formato
preferred input family image
image
Ejemplos de Procesamiento de Imágenes Windows C++
Ejemplos de procesamiento de imágenes Windows C++ incluyendo leer/guardar imágenes, redimensionamiento y conversión de formato usando Windows Imaging Component
preferred input family image
image
Ejemplos de Procesamiento de Imágenes Web Rust
Ejemplos de procesamiento de imágenes Web Rust incluyendo lectura/escritura, escalado y conversión de formato
preferred input family image
image

Hubs relacionados

Herramientas de Xml para Convert
Explora 33 herramientas de xml para flujos de convert y encuentra utilidades cercanas con rapidez.
Herramientas de Image para Convert
Explora 100 herramientas de image para flujos de convert y encuentra utilidades cercanas con rapidez.
Herramientas de Video para Convert
Explora 36 herramientas de video para flujos de convert y encuentra utilidades cercanas con rapidez.
Herramientas de Image
Explora 40 herramientas de image para flujos de utility y encuentra utilidades cercanas con rapidez.

Preguntas frecuentes

¿Acepta archivos SVG?

Si. Tambien admite PNG y JPG.

¿Que incluye el ZIP?

Incluye favicon.ico, PNG en varios tamanos, apple-touch-icon, iconos Android, manifest y un snippet HTML.

Documentación de la API

Punto final de la solicitud

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

Parámetros de la solicitud

Nombre del parámetro Tipo Requerido Descripción
sourceFile file (Subida requerida) Sí -
backgroundColor color No -
fitMode select No -
paddingPercent range No -
siteName text No -
themeColor color No -

Los parámetros de tipo archivo necesitan ser subidos primero vía POST /upload/svg-favicon-generator para obtener filePath, luego pasar filePath al campo de archivo correspondiente.

Formato de respuesta

{
  "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)"
}
Archivo: Archivo

Documentación de MCP

Agregue este herramienta a su configuración de servidor MCP: 

{
  "mcpServers": {
    "elysiatools-svg-favicon-generator": {
      "name": "svg-favicon-generator",
      "description": "Convierte un logo SVG o raster en un paquete favicon completo con ICO, variantes PNG, icono Apple Touch y web manifest",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=svg-favicon-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Puede encadenar múltiples herramientas, por ejemplo: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máximo 20 herramientas.

Soporte para enlaces de archivos URL o codificación Base64 para parámetros de archivo.

Si encuentra algún problema, por favor, póngase en contacto con nosotros en [email protected]