Visor de Sprite SVG

Cargando herramienta

Acerca del Visor de Sprite SVG en línea

¿Cómo usarlo?

A veces, querrás previsualizar todos los iconos de un archivo sprite SVG, especialmente si fue generado con svg-sprite.

Esta herramienta ofrece 4 maneras diferentes de extraer y ver los iconos:

  1. Pegar código SVG: Simplemente pega el código SVG crudo en el cuadro de entrada y haz clic en Ver. Todos los iconos serán extraídos y mostrados. También puedes descargar cada icono individualmente.
  2. Pegar una URL de Sprite SVG: Introduce la URL de un archivo sprite SVG y haz clic en Ver. La herramienta obtendrá el archivo, extraerá los iconos y te permitirá previsualizarlos o descargarlos.
  3. Analizar cualquier URL de página web: Proporciona una URL de página web, y trataremos de analizar y extraer cualquier icono SVG en línea incrustado en la página.

    ⚠️ Nota: Algunos sitios web pueden bloquear solicitudes automatizadas. Si no podemos acceder a la URL proporcionada, por favor sigue estos pasos:

    • Abre la URL en Google Chrome
    • Presiona F12 para abrir las herramientas de desarrollo
    • Ve a la pestaña Elements y copia todo el código HTML.
    • Pega el código copiado en el cuadro de entrada arriba para extraer los iconos
  4. Subir un archivo SVG: También puedes subir un archivo sprite SVG local desde tu computadora. Una vez subido, los iconos serán extraídos para visualización y descarga.