Saltar al contenido principal

SVG a icono

Generar favicons ICO e iconos de aplicación macOS ICNS desde SVG

Convierta un SVG en un favicon ICO de varios tamaños o en un ícono de aplicación ICNS macOS. Elija la plataforma y el tamaño del objetivo, ajuste el ajuste y el fondo, y descargue un archivo de ícono listo para usar.

Suelta archivos aquí

Editando valores predeterminados para nuevos archivos

Formato del icono

ICO admite tamaños fijos: 16, 32, 48, 64, 128, 256. Renderizamos cada tamaño hasta tu objetivo y los empaquetamos en un archivo .ico.

Incluirá: 16, 32, 48, 64, 128, 256 px

Fondo
Radio de esquinas
Ilustración
Alineación horizontal
Alineación vertical

El padding separa la ilustración de los bordes, la escala la amplía y la alineación decide dónde queda cuando no llena la caja. El fondo y la forma de las esquinas siempre ocupan todo el icono.

Vista previa

Sin vista previa. Añade y selecciona archivos para ver resultados.

Aún no hay archivos. Suelta archivos arriba o haz clic en SELECCIONAR ARCHIVOS.

¿Qué es ICO?

ICO es el formato contenedor de iconos de Windows usado para favicons, iconos de aplicación y accesos directos del escritorio. Un archivo ICO puede contener una o varias imágenes ráster (típicamente de 16×16 hasta 256×256) en un solo archivo.

¿Qué es ICNS?

ICNS es el formato contenedor de iconos de Apple usado por macOS para paquetes de aplicación e iconos de tipos de documento. Un archivo ICNS contiene una o varias imágenes PNG en tamaños estándar (16, 32, 64, 128, 256, 512, 1024 píxeles).

Cuándo convertir SVG a ICO o ICNS

Los navegadores y los sistemas operativos utilizan archivos de iconos contenedores. Convierta SVG en un .ico de varios tamaños cuando necesite un favicon Windows, un acceso directo en el escritorio o el ícono de una aplicación. El archivo incluye todos los tamaños estándar hasta 256 píxeles. Convierta SVG a .icns al empaquetar una aplicación macOS, un paquete Electron o Tauri, o al reemplazar un ícono de tipo de documento personalizado. El archivo incluye cada ranura macOS hasta 1024 píxeles. Una fuente SVG le ofrece un archivo de varios tamaños para cada plataforma.

ICO o ICNS: qué contenedor de icono elegir

Ambos formatos empaquetan varios tamaños ráster desde una sola fuente SVG. Elige según la plataforma que consuma el archivo.

ICOICNS
PlataformaWindows, navegadoresmacOS
Tamaños empaquetados16, 32, 48, 64, 128, 25616, 32, 64, 128, 256, 512, 1024
Tamaño típicoVaría según el objetivo y la obra de arte.Varía según el objetivo y la obra de arte.
Mejor paraFavicons (favicon.ico), accesos directos, anclajes de barra de tareasBundles macOS .app, iconos de tipos de documento, builds Mac de Electron o Tauri

Cómo convertir SVG a un icono ICO o ICNS multitamaño en línea

  1. 1

    Suelta tus archivos, o haz clic en SELECCIONAR ARCHIVOS, para añadirlos a la cola. Hasta 40 a la vez.

  2. 2

    Ajusta las opciones de salida (tamaño, DPI, fondo, calidad o nivel de detalle del trazado) y observa cómo se actualiza la vista previa en vivo.

  3. 3

    Haz clic en GUARDAR TODO para descargar el resultado, o un único ZIP cuando la cola tiene más de un archivo.

Privacidad: tus archivos nunca salen del navegador

La conversión se ejecuta localmente en su navegador usando JavaScript y WebAssembly. No hay carga de archivos ni conversión del lado del servidor, por lo que los archivos que agrega permanecen en su dispositivo.

El procesamiento local ayuda a proteger logotipos confidenciales, documentos internos y obras de arte inéditas de los clientes. Las páginas y el código de conversión se almacenan en caché a medida que los utiliza, por lo que las herramientas que ya ha abierto pueden seguir funcionando sin una conexión de red.

Preguntas frecuentes

¿Cuál es la diferencia entre ICO e ICNS?

ICO es el formato de favicon y acceso directo de Windows, usado por navegadores, el escritorio y la barra de tareas. ICNS es el formato de icono de macOS usado por los paquetes .app, el Finder y el Dock. Ambos empaquetan varios tamaños en un solo archivo para que el sistema elija el adecuado según el contexto.

¿Por qué el archivo contiene varios tamaños?

Los iconos aparecen en tamaños muy diferentes en pestañas del navegador, marcadores, listas de archivos, escritorios y lanzadores de aplicaciones. La agrupación de tamaños estándar permite que el navegador o el sistema operativo elija la coincidencia más cercana en lugar de escalar una imagen para cada contexto.

¿Puedo generar un solo tamaño?

Elige el tamaño objetivo más pequeño y el convertidor solo genera los slots hasta ese tamaño. Si realmente necesitas un archivo de una sola resolución, tanto ICO como ICNS lo admiten, pero la mayoría de plataformas esperan un paquete multi-tamaño; el diseño más grande puede no verse bien escalado a un icono diminuto de la barra de menús, por ejemplo.