¿Cómo extraigo un SVG de una web?

Abre la página y haz clic en SVG Export. Detecta todos los SVG, incorpora los estilos y te deja descargar un archivo vectorial limpio, sin rebuscar en el DOM a mano.

¿Conserva el estilo original?

Sí. Los SVG con estilos de CSS externo a menudo se rompen al copiarlos a mano. SVG Export incorpora esos estilos para que el archivo extraído coincida con lo que veías en la página.

¿Puedo copiar el código SVG en lugar de descargarlo?

Sí. Puedes copiar el marcado SVG directamente a tu portapapeles y pegarlo en Figma, Sketch o tu código.

English Português Español Русский Deutsch

Caso de uso

Extraer SVG de cualquier web

Extrae vectores limpios y reutilizables de cualquier página.

Añadir a Chrome

Gratis · Sin cuenta · Sin anuncios

Extraer un SVG a mano implica rebuscar en el DOM, copiar el marcado y esperar que los estilos vengan con él. Rara vez lo hacen: el CSS externo se queda atrás y el resultado se ve mal.

SVG Export hace la extracción por ti: encuentra todos los SVG de la página, incorpora los estilos que hacen que se vea bien y te da un archivo limpio que puedes llevar directamente a Figma, a un sistema de diseño o a tu código.

SVG Export muestra todos los SVG de la página para que puedas previsualizar y descargar exactamente lo que necesitas.

Cómo funciona

1
Abre la página

Ve a la web que contiene los SVG que quieres extraer.
2
Escanea con SVG Export

Haz clic en el icono para detectar automáticamente todos los SVG en línea y enlazados.
3
Exporta archivos limpios

Descarga como SVG con los estilos incorporados, o copia el código SVG a tu portapapeles.

Funciones clave

Todo lo que necesitas para extraer SVG sin complicaciones

Exportación masiva

Selecciona todo. Descarga todo. Cada SVG de la página en un solo ZIP.

Libertad de formato

Exporta como SVG, PNG o JPG. Tus vectores, tu formato.

Edita antes de exportar

Renombra, redimensiona y previsualiza cada archivo antes de guardarlo.

Estilos en línea

¿SVG con estilos de CSS externo? Incorporamos los estilos para que se vean bien fuera de la página.

Copia y pega al instante

Copia el código SVG al instante. Pégalo directamente en Figma, Sketch o tu código.

Precisión total

Extracción vectorial sin pérdidas. Lo que ves es lo que obtienes.

Preguntas frecuentes

¿Cómo extraigo un SVG de una web?: Abre la página y haz clic en SVG Export. Detecta todos los SVG, incorpora los estilos y te deja descargar un archivo vectorial limpio, sin rebuscar en el DOM a mano.
¿Conserva el estilo original?: Sí. Los SVG con estilos de CSS externo a menudo se rompen al copiarlos a mano. SVG Export incorpora esos estilos para que el archivo extraído coincida con lo que veías en la página.
¿Puedo copiar el código SVG en lugar de descargarlo?: Sí. Puedes copiar el marcado SVG directamente a tu portapapeles y pegarlo en Figma, Sketch o tu código.

¿Listo para conseguir algunos SVG?

Gratis, para Chrome, Firefox y Edge. Sin cuenta, sin configuración.