# 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 > Página canónica: https://elysiatools.com/es/tools/svg-favicon-generator - **Categoría:** Media - **Palabras clave:** svg, favicon, icono, manifest, apple touch icon, logo ## Descripción general Convierte tu logo SVG, PNG, JPEG o WebP en un paquete favicon completo listo para producción. Genera automáticamente el archivo ICO, múltiples tamaños PNG, el icono Apple Touch y el archivo site.webmanifest con su fragmento HTML correspondiente. ## Entradas - **Archivo logo de origen** (file) - **Color de fondo** (color) - **Modo de ajuste** (select) - **Relleno (%)** (range) - **Nombre del sitio** (text) - **Color del tema** (color) ## Cuándo usarlo - Al lanzar un sitio web nuevo y necesitas todos los formatos de icono para navegadores, pestañas y dispositivos móviles. - Cuando actualizas la identidad de marca y debes regenerar los favicons desde el logo vectorial o raster original. - Para crear iconos de aplicación PWA con el manifest y metadatos necesarios para la instalación en Android e iOS. ## Cómo funciona - Sube tu archivo de logo en formato SVG, PNG, JPEG o WebP (hasta 20 MB). - Personaliza el color de fondo, el modo de ajuste (contain o cover) y el porcentaje de relleno para controlar el espaciado del icono. - Define el nombre del sitio y el color del tema para configurar el manifest y los metadatos del navegador. - Descarga el paquete ZIP que incluye favicon.ico, variantes PNG, Apple Touch Icon, site.webmanifest y el código HTML de referencia. ## Casos de uso - Desarrollo web: Generar favicons completos para lanzamientos de sitios corporativos o portfolios. - Progressive Web Apps: Crear iconos de app y manifests necesarios para la instalación en dispositivos móviles. - Rediseño de marca: Actualizar todos los assets de icono al cambiar el logo manteniendo consistencia across devices. ## Preguntas frecuentes ### ¿Qué formatos de imagen de entrada soporta la herramienta? Acepta archivos SVG, PNG, JPEG y WebP con un tamaño máximo de 20 MB. ### ¿Qué archivos contiene el paquete generado? Incluye favicon.ico, iconos PNG en múltiples resoluciones, apple-touch-icon.png, site.webmanifest y un fragmento HTML listo para usar. ### ¿Cuál es la diferencia entre los modos de ajuste Contain y Cover? Contain ajusta el logo dentro del canvas manteniendo sus proporciones; Cover llena todo el espacio permitido, recortando el excedente si es necesario. ### ¿Puedo usar un color de fondo transparente? Sí, puedes seleccionar un color sólido o configurar la transparencia según las necesidades de tu marca. ### ¿Cómo implemento los favicons en mi sitio? Descomprime el ZIP en la raíz de tu servidor y pega el fragmento HTML proporcionado dentro de la etiqueta de tus páginas. ## Herramientas relacionadas - [Generador de Data URI](https://elysiatools.com/es/tools/data-uri-generator): Convierte archivos en Data URIs (Base64 o porcentaje-codificado) para incrustar imágenes, fuentes y recursos directamente en HTML, CSS o Markdown - [Herramienta de Marca de Agua con Imagen](https://elysiatools.com/es/tools/image-watermark-image): Añade marcas de agua de imagen a imágenes con posición, tamaño, opacidad y rotación personalizables - [Guia de Marca PDF](https://elysiatools.com/es/tools/pdf-brand-guidelines-pdf): Genera una guia de marca con logo, paleta, tipografia y espaciado - [Herramienta de Marca de Agua en Esquina](https://elysiatools.com/es/tools/image-watermark-corner): Añade marcas de agua en las esquinas de las imágenes con posición, tamaño, opacidad y opciones de múltiples esquinas personalizables - [Herramienta de Opacidad de Marca de Agua](https://elysiatools.com/es/tools/image-watermark-opacity): Añade marcas de agua con opacidad personalizada a las imágenes, soportando marcas de agua de texto e imagen con controles avanzados de opacidad - [Fragmentos de Encabezado/Pie PDF](https://elysiatools.com/es/tools/pdf-header-footer-snippets): Convierte HTML a PDF e inserta fragmentos de logo, título y fecha - [Herramienta de Marca de Agua Diagonal](https://elysiatools.com/es/tools/image-watermark-diagonal): Añade marcas de agua diagonales a imágenes con ángulo, tamaño, opacidad y posicionamiento a lo largo de la diagonal personalizables - [Herramienta de Mosaico de Marca de Agua](https://elysiatools.com/es/tools/image-watermark-tile): Añade marcas de agua en mosaico a imágenes con tamaño, opacidad, espaciado y patrones personalizables ## Ejemplos - [Ejemplos de Procesamiento de Imágenes Web Python](https://elysiatools.com/es/samples/web-image-processing-python): Ejemplos de procesamiento de imágenes Web Python usando PIL/Pillow incluyendo lectura, guardado, redimensionamiento y conversión de formato - [Ejemplos de Procesamiento de Imágenes Android Java](https://elysiatools.com/es/samples/android-image-processing-java): Ejemplos de procesamiento de imágenes Android Java incluyendo lectura/escritura, escalado y conversión de formato - [Ejemplos de Procesamiento de Imágenes Android Kotlin](https://elysiatools.com/es/samples/android-image-processing-kotlin): Ejemplos de procesamiento de imágenes Android Kotlin incluyendo lectura/escritura, escalado y conversión de formato - [Ejemplos de Procesamiento de Imágenes Web Rust](https://elysiatools.com/es/samples/web-image-processing-rust): Ejemplos de procesamiento de imágenes Web Rust incluyendo lectura/escritura, escalado y conversión de formato ## Contenido relacionado - [Herramientas de Flujo para SVG, Favicon e Iconos](https://elysiatools.com/es/hubs/svg-favicon-icon-workflows): Genera paquetes de favicon, optimiza SVG, convierte iconos entre ICO, PNG, JPG, WebP y SVG, y prepara assets listos para la web en un solo hub. - [Herramientas de conversion de formatos de imagen y exportacion animada](https://elysiatools.com/es/hubs/image-convert): Compara convertidores de imagen para JPG, PNG, GIF, AVIF, WebP, TIFF, ICO, base64 y salidas pensadas para animacion en un solo hub. - [Herramientas de conversion, mapeo y XPath para XML](https://elysiatools.com/es/hubs/xml-convert): Herramientas reunidas para conversion, mapeo, union y extraccion XPath en XML en un solo hub. - [Herramientas de limpieza, acabado y preparacion por lotes de imagenes](https://elysiatools.com/es/hubs/image-utility): Reune en un solo hub herramientas para limpiar imagenes, recortar bordes, agregar margen o marco, redimensionar y comprimir por lotes, poner marcas de agua y pulir activos visuales.