Icono de línea fina
256 × 256 px · ICO · 16, 24, 32, 48, 256
Un icono de línea de 24 px dibujado de nuevo en cada tamaño; a 24 y 48 px cada línea cae en píxeles enteros.
Crear favicon: convertir SVG a ICO
Convierte SVG a ICO con cada tamaño dibujado nítido desde el vector, de 16 px a 256 px, transparente o sobre una forma de color. Con un clic más tienes el set de favicon completo con el HTML. Gratis y en tu dispositivo.
SVG → ICOGratis · funciona en tu navegador
·¿No tienes un SVG a mano?
Se convierte en tu dispositivo; los archivos no se suben a nuestros servidores. Las fuentes web y las imágenes enlazadas de un SVG las descarga tu navegador desde sus propios servidores, para que el archivo se vea bien.
- Gratis, sin registro ni marca de agua
- Los archivos se quedan en tu dispositivo
- Cada tamaño dibujado desde el vector
- Set de favicon con el HTML incluido
Seis ejemplos de SVG a ICO para probar
Iconos originales que dibujamos para esta página, cada uno convertido de SVG a ICO aquí con los ajustes de su tarjeta. Carga uno para probar los mismos ajustes.
Favicon con modo oscuro
256 × 256 px · ICO · 16, 32, 48, 256
El set de favicon conserva en icon.svg los colores del modo oscuro del SVG.
Insignia redonda
256 × 256 px · ICO · 16, 32, 48, 256
Fondo circular con un margen del 10 %; las esquinas siguen transparentes.
Símbolo con degradado
256 × 256 px · ICO · 16, 32, 48, 256
Transparente alrededor del símbolo en todos los tamaños, con los bordes suaves conservados.
Icono de app para Windows
256 × 256 px · ICO · 16, 24, 32, 48, 128, 256
Un símbolo blanco sobre un cuadro morado redondeado, seis tamaños hasta 256 px.
Corazón en pixel art
256 × 256 px · ICO · 16, 32, 48, 64, 256
16, 32, 48, 64 y 256 px: múltiplos enteros, así que cada píxel sigue siendo cuadrado.
Icono de línea fina
256 × 256 px · ICO · 16, 24, 32, 48, 256
Un icono de línea de 24 px dibujado de nuevo en cada tamaño; a 24 y 48 px cada línea cae en píxeles enteros.
Icono de app para Windows
256 × 256 px · ICO · 16, 24, 32, 48, 128, 256
Un símbolo blanco sobre un cuadro morado redondeado, seis tamaños hasta 256 px.
Símbolo con degradado
256 × 256 px · ICO · 16, 32, 48, 256
Transparente alrededor del símbolo en todos los tamaños, con los bordes suaves conservados.
Insignia redonda
256 × 256 px · ICO · 16, 32, 48, 256
Fondo circular con un margen del 10 %; las esquinas siguen transparentes.
Favicon con modo oscuro
256 × 256 px · ICO · 16, 32, 48, 256
El set de favicon conserva en icon.svg los colores del modo oscuro del SVG.
Corazón en pixel art
256 × 256 px · ICO · 16, 32, 48, 64, 256
16, 32, 48, 64 y 256 px: múltiplos enteros, así que cada píxel sigue siendo cuadrado.
De archivo SVG a ICO en tres pasos
Añade, elige y descarga.
Suelta hasta 50 archivos .svg o .svgz de 20 MB cada uno, o pega código SVG.
16, 32, 48 y 256 px por defecto. Déjalo transparente o elige un color sobre una forma cuadrada, redondeada o circular.
Revisa cada tamaño en la lista y guarda el ICO, un ZIP o el set de favicon.
Lo que mejor hace este generador de favicon
Seis puntos fuertes de este conversor gratis, para favicons, iconos de apps y accesos directos.
Cada tamaño, dibujado nítido
Cada tamaño se dibuja desde el vector a ese mismo tamaño, así que el icono de 16 px es un dibujo real de 16 px con sus propios bordes limpios. Los iconos de línea dibujados en una cuadrícula de 16 o 24 px lucen especialmente aquí: este velero cae en píxeles enteros a 24 y 48 px.
Transparencia conservada
Las zonas transparentes siguen transparentes en todos los tamaños, bordes suaves y degradados incluidos. Los tamaños pequeños se guardan como BMP de 32 bits, y los de 128 y 256 px como PNG, igual que Windows guarda sus propios iconos. Este símbolo de llama conserva su degradado y el área transparente que lo rodea en todos los tamaños.
Set de favicon en un clic
favicon.ico, icon.svg con el modo oscuro conservado, apple-touch-icon, iconos de app de 192 y 512 px y el manifest, más las líneas para tu <head>. El icon.svg de este monograma cambia solo a sus colores de modo oscuro.
Fondo, forma y margen
Transparente, blanco, negro o cualquier color, sobre un cuadrado, un cuadro redondeado o un círculo, con un margen del 5 % al 20 %. Los símbolos y logotipos más o menos cuadrados son los que mejor llenan la forma, como esta insignia con un brote sobre un círculo verde azulado con un margen del 10 % y las esquinas transparentes.
Cada tamaño a la vista antes de guardar
Cada archivo muestra sus tamaños pequeños en sus píxeles reales, así ves el icono de 16 px antes de ponerlo en tu web. El pixel art guardado en múltiplos enteros mantiene cada píxel cuadrado, como este corazón a 16, 32, 48, 64 y 256 px.
Lotes, ZIP y privacidad
Hasta 50 archivos SVG a la vez, guardados en un solo ZIP. Todo funciona en tu dispositivo; no se sube nada. Este símbolo de app pasó de SVG a ICO en un solo archivo con seis tamaños hasta 256 px, sobre un cuadro morado redondeado listo para una app de Windows.
Guía de SVG a ICO: tamaños, transparencia y favicons
Qué lleva un archivo ICO y dónde se usa cada tamaño.
Qué tamaños necesita un archivo ICO
Un ICO contiene varias imágenes cuadradas, y cada lugar elige la que necesita. 16 px aparece en las pestañas del navegador y en los marcadores; 32 px, en las pestañas de pantallas nítidas y en la barra de tareas de Windows; 48 px, en el escritorio y en los resultados de Google; y 256 px, en las vistas grandes de Windows. Para crear un favicon bastan 16, 32 y 48 px; para una app o un acceso directo de Windows, añade 24, 64, 128 y 256 px.
Por qué cada tamaño se dibuja desde el vector
Volver a dibujar el SVG en cada tamaño da a cada uno sus propios bordes limpios, así que las líneas finas siguen siendo líneas a 16 px. Este conversor de SVG a ICO lo hace con cada tamaño que elijas. Revisa el icono de 16 px en la lista: si el logotipo tiene detalles finos o es un logotipo de texto ancho, a ese tamaño se lee mejor el símbolo solo.
Transparencia, forma del fondo y margen
Los archivos ICO conservan un canal alfa completo, así que las zonas transparentes y los bordes suaves se ven limpios en cualquier barra de tareas o pestaña. Elige un color de fondo para colocar el símbolo sobre un cuadrado, un cuadro redondeado o un círculo; las esquinas alrededor de la forma redondeada o circular siguen transparentes. Un margen del 10 % al 15 % evita que los símbolos que tocan los bordes se vean apretados.
El set de favicon y el HTML
Los navegadores siguen pidiendo /favicon.ico, así que es la base. Los navegadores modernos prefieren icon.svg, que se mantiene nítido a cualquier tamaño y conserva los colores del modo oscuro del SVG. Los iPhone usan apple-touch-icon.png a 180 px, sobre blanco cuando tu SVG es transparente, porque iOS muestra la transparencia en negro. Android y las apps instaladas leen del manifest los iconos de 192 y 512 px. Pon los archivos en la raíz de tu sitio y pega las cuatro líneas en <head>.
Pixel art e iconos de línea fina
El pixel art se mantiene cuadrado en múltiplos enteros de su cuadrícula: un diseño de 16 px funciona a 16, 32, 48, 64, 128 y 256 px, así que elige esos tamaños. Los iconos de línea dibujados en una cuadrícula de 24 px se ven más nítidos a 24 y 48 px, y a 16 px un trazo de al menos un píxel mantiene limpias todas las líneas.
Para qué sirve convertir SVG a ICO
Sitios que todavía piden un ICO.
Favicons para webs
favicon.ico en la raíz del sitio, más el set completo para teléfonos y apps.
Apps e instaladores de Windows
Un ICO de 16 a 256 px para Electron, .NET o creadores de instaladores.
Accesos directos y carpetas
Iconos personalizados para accesos directos del escritorio y carpetas de Windows.
Apps web
Iconos de 192 y 512 px y un manifest para apps web instalables.
Preguntas frecuentes: crear favicon desde SVG
Conversión, tamaños de favicon, favicon.ico hoy, transparencia, favicons SVG, iconos de Windows, desenfoque y privacidad.
Empieza a crear tu favicon
Cada tamaño nítido, la transparencia conservada y el set de favicon incluido. Gratis y en tu dispositivo.
Crear favicon