UI icon (24 × 24)Popular
350 Bsample-icon.svg
Clean stroke icon that uses currentColor. Tests inline SVG, icon sizing and CSS color inheritance.
- 24 × 24 viewBox
- currentColor
- Under 1 KB
.SVG
Sample SVG Files
Scalable vector files from a 24-pixel icon to a heavy 32,400-shape graphic, plus a harmless script-bearing SVG for checking that your uploads are sanitized.
.svgimage/svg+xml6 filesFree · No sign-upUnlimited downloads
Custom size
by Technology Channel · Free to use for testing and development, including commercial projects.
Illustration
12.0 KBsample-illustration.svg
Gradient sky, sun glow and layered mountain polygons with text. Tests gradients, text and scaling.
- 1600 × 900 viewBox
- Gradients
- Text
Animated (SMIL + CSS)
1.0 KBsample-animated.svg
Spinner that uses both SMIL animateTransform and CSS keyframes. Tests animation support and sanitizers.
- 200 × 200 viewBox
- SMIL
- CSS animation
Bar chart
2.7 KBsample-chart.svg
Data chart with text labels and a grid. Good for font-fallback, printing and PDF-export tests.
- 800 × 480 viewBox
- Text labels
- Data chart
Large (32,400 shapes)
1.6 MBsample-large.svg
Halftone image built from 32,400 circles. Stress-tests SVG parsing, rendering and DOM performance.
- 2400 × 1350 viewBox
- 32,400 elements
- 1.6 MB
Contains a script (security test)
975 Bsample-with-script.svg
Harmless inline <script> and onload handler that only change text inside the image. Check that your uploader strips them.
- 480 × 240 viewBox
- <script>
- Security test
Exact-size generator
Need a SVG of a different size?
Create a valid SVG file of any exact size, byte for byte, right in your browser. Nothing is uploaded, and you can generate as many as you like.
- Perfect for upload limits: 9.99 MB, 10 MB and 10.01 MB in seconds.
- Up to 20 copies at once, bundled in one ZIP.
- Unique copies get different checksums, for duplicate-detection tests.
Use cases
What you can test
- Inline SVG icons that inherit color through currentColor.
- Sharp scaling at any size, from favicon to billboard.
- SMIL and CSS animation support.
- Rendering speed and DOM cost with the 32,400-shape file.
- Upload sanitizing: the script in the security test file must be removed or blocked.
- Font fallback for text inside SVG.
Reference
SVG format facts
| Extension | .svg |
|---|---|
| MIME type | image/svg+xml |
| File signature | None (XML text, starts with <svg or <?xml) |
| Origin | W3C, 2001 · SVG 1.1, SVG 2 |
| Files here | 6 · 1.6 MB in total |
| License | Free for any use, no attribution |
About the format
What is a SVG file?
SVG (Scalable Vector Graphics) is a W3C XML format for vector images, first published in 2001. Shapes, paths, gradients and text are described in markup, so they stay sharp at any size.
Because SVG is XML, it can also contain scripts, event handlers and external references. Treat uploaded SVG as code: sanitize it, or serve it in a way that cannot run scripts.
Developers
Embed in HTML
Embed in HTML
<!-- Scripts never run in SVG loaded with <img> -->
<img src="files/svg/sample-illustration.svg"
width="800" alt="Sample SVG illustration">Download with cURL
curl -O https://samplefiles.technologychannel.org/files/svg/sample-icon.svgFAQ
SVG files: common questions
Is the SVG with a script dangerous?
No. Its script only changes one line of text inside the image. It exists so you can check that your viewer or upload pipeline blocks scripts in SVG files.
Why does the script not run on this page?
Previews here load SVG through an img element, where browsers never run scripts. Open the file directly in a browser tab to see the difference.
Can I use these SVG files in commercial projects?
Yes. Every SVG file here is free for any use, including commercial testing, demos and tutorials. No attribution is required.
Can I download the same SVG more than once?
Yes, as many times as you like. There is no sign-up, no daily limit and no waiting timer. Direct links also work in scripts, CI jobs and automated tests.
Keep testing
All 20 formats