Cómo descargar iconos SVG e imágenes vectoriales
Respuesta corta
Un SVG en una página web puede ser dos cosas: un archivo que el navegador ha descargado, o marcado escrito directamente dentro de la página. Lo primero se guarda como cualquier imagen. Lo segundo no tiene ningún archivo detrás, y por eso el menú contextual no ofrece nada. Un descargador masivo reúne los SVG que existen como archivos reales y los guarda como .svg, con los datos vectoriales intactos y sin convertirlos en píxeles.
Hacerlo a mano
Haz clic derecho en el icono y elige Guardar imagen como…, algo que funciona cuando el SVG se cargó como archivo propio.
Cuando el menú no ofrece nada, la vía habitual son las herramientas de desarrollo: localizar el elemento o la petición de red y extraer a mano el marcado o el archivo.
Dónde se rompe eso
- El SVG en línea forma parte del propio marcado de la página, así que no hay ningún archivo que el navegador pueda ofrecerte.
- Los iconos usados como fondos CSS no tienen ninguna entrada en el menú contextual.
- Copiar el marcado desde las herramientas de desarrollo pierde los estilos que vivían en la hoja de estilos de la página, así que el icono puede salir negro o con el tamaño equivocado.
- Un juego de iconos son decenas de archivos, y hacer cualquiera de estas cosas decenas de veces no es un plan.
Hacerlo con ImgDown
Paso 1
Analiza la página
Abre la lista de imágenes. Los SVG que la página cargó como archivos aparecen junto a los mapas de bits, cada uno etiquetado con su formato para localizarlos con facilidad.
Paso 2
Filtra solo SVG
Desactiva todos los tipos de archivo salvo SVG. Lo que queda es el material vectorial de la página —normalmente logotipos, iconos y diagramas— sin nada más en medio.
Paso 3
Descárgalos como vectores
Los archivos se guardan exactamente como los sirve el sitio, así que un .svg sigue siendo un .svg: editable, escalable y nunca aplanado a mapa de bits por el camino.
Preguntas relacionadas
Pruébalo en la página que tienes abierta
Gratis, sin cuenta, y funciona en la próxima galería que abras.