Convertidor de SVG a ICO
Suelta un SVG abajo y obtén un archivo ICO. El vector se dibuja en cada tamaño que elijas, de 16 a 256 px, así que cada icono del .ico se genera para su propia cuadrícula de píxeles en lugar de reducirse desde un único mapa de bits grande. Usa el resultado como favicon.ico o como icono de Windows. Un SVG que añadas desde tu dispositivo no sale de tu navegador.
Revisa tu SVG antes de convertirlo
- Dale un viewBox. El elemento svg raíz necesita un atributo viewBox para que el dibujo pueda escalarse a un cuadrado. Sin él, el icono puede salir recortado, descentrado o en blanco.
- Convierte el texto en contornos. El texto editable se muestra con las fuentes que tenga instaladas el navegador. Convierte el texto en trazados en Figma, Illustrator o Inkscape para que las letras se vean igual en todos los equipos.
- Incrusta imágenes y estilos. Un navegador que dibuja un SVG en un canvas no carga imágenes enlazadas ni hojas de estilo externas, así que desaparecen del icono. Incrusta las imágenes como data URIs y mantén el CSS dentro del archivo.
- Simplifica para 16 px. Los trazos más finos que un píxel se convierten en un borrón gris a 16 y 32 px. Si el icono se va a ver sobre todo en una pestaña del navegador, engrosa las líneas finas y elimina los detalles pequeños antes de convertir.
Cómo convertir SVG a ICO
- Añade el SVG. Arrástralo al recuadro de carga, elígelo desde tu dispositivo o pégalo. Se aceptan archivos de hasta 10 MB.
- Elige los tamaños. Deja marcados 16, 32 y 48 px para un favicon. Añade 256 px si Windows lo va a mostrar como icono de aplicación.
- Elige el modo de escala. «Contain» mantiene todo el logotipo dentro del cuadrado. Deja el fondo en «Transparente», salvo que quieras blanco detrás.
- Convierte y guarda. Haz clic en «Convertir» y descarga el .ico. Con «Descargar archivos» puedes guardar varios SVG juntos en un ZIP.
Preguntas sobre SVG a ICO
¿Por qué mi ICO sale en blanco o le faltan partes?
Normalmente el SVG no tiene viewBox, enlaza una imagen o una hoja de estilo externa, o usa una fuente que tu navegador no tiene. Corrige eso en el SVG y vuelve a convertirlo. La guía de solución de problemas de SVG a ICO explica cada caso.
¿El ICO sigue siendo vectorial?
No. Un ICO contiene imágenes de mapa de bits en tamaños fijos, así que el SVG se rasteriza una vez por cada tamaño que elijas. Conserva el SVG como archivo original.
¿Se verá nítido el icono a 16 px?
Se genera directamente a 16 × 16, así que es tan nítido como ese tamaño permite. Aun así, los detalles de menos de un píxel no se conservan, por lo que conviene simplificar antes las líneas finas.
¿Debería usar un favicon SVG en su lugar?
La mayoría de los navegadores actuales aceptan un favicon SVG mediante una etiqueta link, pero muchas herramientas y navegadores antiguos siguen solicitando /favicon.ico. Es habitual incluir los dos: el SVG para los navegadores modernos y un ICO como alternativa.
Si quieres una explicación paso a paso con consejos para herramientas de diseño, lee la guía de SVG a ICO.
¿Tienes un PNG? Usa el convertidor de PNG a ICO.
Para archivos JPG, WebP, GIF, BMP y AVIF, usa el convertidor ICO de la página de inicio.