Sample SVG images

SVG is a format for presenting vector graphics. Vector graphics is a way to encode images as a set of elementary geometric objects - points, lines, circles, rectangles. Below are the test images in this format available for download

Sample file: Spring river
Spring river
300 Kb
400x300
↓
Sample file: Spring park
Spring park
435 Kb
400x300
↓
Sample file: Large test picture with red fill
Large test picture with red fill
1 Kb
400x300
↓
Sample file: Large test picture with green fill
Large test picture with green fill
1 Kb
400x300
↓
Sample file: Large test picture with blue fill
Large test picture with blue fill
1 Kb
400x300
↓
Sample file: Small test picture with red fill
Small test picture with red fill
1 Kb
200x200
↓
Sample file: Small test picture with green fill
Small test picture with green fill
1 Kb
200x200
↓
Sample file: Small test picture with blue fill
Small test picture with blue fill
1 Kb
200x200
↓
Sample file: Small red picture
Small red picture
1 Kb
100x75
↓
Sample file: Small green picture
Small green picture
1 Kb
100x75
↓
Sample file: Small blue picture
Small blue picture
1 Kb
100x75
↓
Sample file: Single-pixel red image
Single-pixel red image
1 Kb
1x1
↓

🧠 How SVG Works

SVG is not a pixel image but a text XML file with drawing instructions: lines, curves, shapes, text. That is why SVG scales without quality loss and has a small file size. It can be styled with CSS and animated with JavaScript. Here is what it consists of:

📄 <xml> XML declaration and namespace 🎯 <svg> viewBox, width, height 🎨 <defs> <style> gradients, filters styles, markers 📐 Shapes <rect> <circle> <path> <text> main content 🌐 Rendering browser draws as vectors, lossless