Archivos SVG de ejemplo: descarga gráficos vectoriales de prueba (de simples a complejos)

Scalable Vector Graphics · .svg · tipo MIME image/svg+xml

3 archivos2 KB – 406 KBEnlaces directosSin anuncios ni registroGratis para cualquier usoVerificado con SHA-256

Descarga un archivo SVG de ejemplo en tres niveles de complejidad (unos 20, 600 y 6000 elementos path) para probar el rendimiento de renderizado, la sanitización, la rasterización y la gestión de subidas. Cada archivo es XML válido con viewBox, un degradado, elementos de texto y un aria-label, y no contiene scripts, referencias externas ni imágenes rasterizadas incrustadas.

SVG es el único formato vectorial que los navegadores renderizan de forma nativa, lo que lo hace ideal para logotipos e iconos y arriesgado como formato de subida: un SVG puede contener JavaScript. Si aceptas SVG de los usuarios, estos archivos limpios son tu referencia; tu sanitizador debería dejarlos pasar sin cambios.

Vista previa del ejemplo SVG
Vista previa: sample-vector-simple.svg. Todos los archivos de esta página usan el mismo patrón de prueba con distinto tamaño o resolución.

Descarga archivos SVG de ejemplo

ArchivoDetallesTamañoDescargar
sample-vector-simple.svg
simple • 20 trazados
1200 × 6302 KB
2225 bytes
Descargar SVG
sample-vector-medium.svg
media • 600 trazados
1200 × 63041 KB
41.438 bytes
Descargar SVG
sample-vector-complex.svg
compleja • 6000 trazados
1200 × 630406 KB
406.407 bytes
Descargar SVG
3 archivos · enlaces directos · sin registro · CORS habilitado

¿Necesitas uno de cada formato de Imágenes? Descarga el paquete de ejemplos de Imágenes (1.4 MB, un archivo pequeño de cada formato de imagen (13 archivos)).

Usa estos archivos desde la línea de comandos o CI

Todas las URL son estables y tienen CORS abierto. Fija el SHA-256 en tu prueba y sabrás en el momento en que cambie un fixture.

# Descargar un archivo
curl -O https://pnb-freetoolsforweb.s3.us-east-2.amazonaws.com/samples/images/svg/sample-vector-simple.svg

# Verificarlo (el SHA-256 de cada archivo aparece arriba)
shasum -a 256 sample-vector-simple.svg

# Índice legible por máquina de todos los archivos de ejemplo
curl https://pnb-freetoolsforweb.s3.us-east-2.amazonaws.com/samples/index.json | jq '.files[] | select(.format=="svg")'

El formato SVG de un vistazo

Nombre completoScalable Vector Graphics
Extensiones.svg
Tipo MIMEimage/svg+xml
EstándarW3C SVG 1.1 (2011), SVG 2 (borrador de trabajo)
TipoVectorial, texto XML, independiente de la resolución
TransparenciaSí
AnimaciónSí (SMIL, CSS)
ScriptsPosibles: sanitiza las subidas de los usuarios
Empieza por<?xml … o <svg

Qué se prueba con archivos SVG de ejemplo

  • Pruebas de sanitización de SVG y CSP (estos archivos no contienen scripts y deberían quedar intactos)
  • Rasterización de SVG a PNG en varios tamaños
  • Rendimiento de renderizado con miles de trazados
  • Flujos de subida de iconos y logotipos
Notas para pruebas. El archivo complejo tiene unos 600 KB de XML: lo bastante grande para poner en evidencia los renderizadores lentos y lo bastante pequeño para abrirlo en cualquier editor.

Preguntas frecuentes

¿Es seguro dejar que los usuarios suban archivos SVG?

Solo con sanitización. Un SVG puede incrustar <script>, controladores de eventos y referencias externas. Elimínalos en el servidor (o rasteriza a PNG) y sirve los SVG de los usuarios desde un origen separado con una Content-Security-Policy estricta. Nuestros archivos de ejemplo no contienen nada de eso, así que son un buen control de “debería pasar”.

¿Cómo convierto un SVG a PNG o JPG?

Cualquier navegador puede rasterizarlo: dibuja el SVG en un canvas y expórtalo. Nuestro Conversor de imágenes gratuito hace exactamente eso en el navegador, y nuestro Generador de favicon convierte un logotipo SVG en un conjunto completo de iconos.

¿Es seguro descargar estos archivos SVG?

Sí. Cada archivo lo genera desde cero nuestro propio script abierto (nada se extrae de otros sitios ni lo suben usuarios) y no contiene scripts, macros ni ejecutables. El SHA-256 de cada archivo se publica en esta página para que puedas verificar lo que has recibido.

¿Puedo usar los archivos SVG de ejemplo con fines comerciales?

Sí. Son gratis para cualquier fin, incluidos productos comerciales, suites de pruebas, demos y redistribución, sin necesidad de atribución. No hay nada que licenciar ni nadie a quien pedir permiso.

¿Puedo enlazar directamente estos archivos o usarlos en CI?

Sí. Cada enlace es una URL directa y estable por HTTPS con Access-Control-Allow-Origin: * y cabeceras de caché de larga duración, así que curl, wget, fetch() y los ejecutores de pruebas pueden descargarlos directamente. Cada página enlaza un índice JSON de todos los archivos (consulta la sección de línea de comandos).

Archivos de ejemplo relacionados

Herramientas gratis que funcionan con SVG

  • Conversor de imágenes — Convierte entre AVIF, HEIC, TIFF, PNG, JPG, WebP, GIF, BMP y SVG. La mayoría de las conversiones no salen de tu navegador.
  • Generador de favicon — Convierte cualquier logotipo en un paquete de favicon completo (favicon.ico, todos los tamaños PNG, icono táctil de Apple y webmanifest) con un clic.

¿Encontraste un problema o algo que podría mejorar? Leemos todos los mensajes y lo arreglamos rápido.

¿Pruebas un flujo de archivos? Los construimos.

Subidas, conversiones, vistas previas, procesamiento de documentos y flujos multimedia son el tipo de sistemas en producción que FreeToolsForWeb diseña y opera para sus clientes, y por eso necesitábamos estos archivos en primer lugar.

Ver herramientas gratis