Sample SVG Files — Scalable Vector Graphics for Testing

Download free sample SVG files — icons, logos, illustrations, charts, maps, animations, and patterns. From 1KB simple shapes to 500KB complex illustrations.

Generate custom SVG fileCreate up to 1GB locally in your browser

SVG

sample-simple.svg

117 B

Download

File details and verification

Filename: sample-simple.svg
Exact size: 117 bytes
Displayed size: 117 B
Catalog status: Valid catalog fixture
SHA-256: bbb2dc95b019f07ee0f6b79c56cc83540d353685b7333b7cba52962eda81fcb6
Header signature: Not applicable (no stable header signature for this format)
Verified on: 2026-08-10
MIME type: image/svg+xml
License: CC0 / Public Domain
Download URL: https://cdn.truefilesize.com/svg/sample-simple.svg

See how TrueFileSize generates and measures sample files, or review the editorial policy.

SVG

sample-icon.svg

166 B

24×24

Download

File details and verification

Filename: sample-icon.svg
Exact size: 166 bytes
Displayed size: 166 B
Catalog status: Valid catalog fixture
SHA-256: 0f6e05b518743df9f0da4e0c821a7245cf149682c7429a6f11615c32c2e41331
Header signature: Not applicable (no stable header signature for this format)
Verified on: 2026-08-10
MIME type: image/svg+xml
Dimensions: 24 x 24 px
License: CC0 / Public Domain
Download URL: https://cdn.truefilesize.com/svg/sample-icon.svg

See how TrueFileSize generates and measures sample files, or review the editorial policy.

SVG

sample-logo.svg

263 B

Download

File details and verification

Filename: sample-logo.svg
Exact size: 263 bytes
Displayed size: 263 B
Catalog status: Valid catalog fixture
SHA-256: cd7a7d59f0195e930addc89e14bcc4b2a99df5fbab1c9e900fa6e96bdfa0f081
Header signature: Not applicable (no stable header signature for this format)
Verified on: 2026-08-10
MIME type: image/svg+xml
License: CC0 / Public Domain
Download URL: https://cdn.truefilesize.com/svg/sample-logo.svg

See how TrueFileSize generates and measures sample files, or review the editorial policy.

SVG

sample-illustration.svg

6.5 KB

Download

File details and verification

Filename: sample-illustration.svg
Exact size: 6,642 bytes
Displayed size: 6.5 KB
Catalog status: Valid catalog fixture
SHA-256: accd5c37fb64e13a37abc9f2d0a3b529b9763d814791d7c9cd2e9fa5ef967959
Header signature: Not applicable (no stable header signature for this format)
Verified on: 2026-08-10
MIME type: image/svg+xml
License: CC0 / Public Domain
Download URL: https://cdn.truefilesize.com/svg/sample-illustration.svg

See how TrueFileSize generates and measures sample files, or review the editorial policy.

SVG

sample-chart.svg

377 B

800×500

Download

File details and verification

Filename: sample-chart.svg
Exact size: 377 bytes
Displayed size: 377 B
Catalog status: Valid catalog fixture
SHA-256: ff218f8d20e0859de7c1e9a31dd100d4c711da953b0aaee96e967abe60cebf51
Header signature: Not applicable (no stable header signature for this format)
Verified on: 2026-08-10
MIME type: image/svg+xml
Dimensions: 800 x 500 px
License: CC0 / Public Domain
Download URL: https://cdn.truefilesize.com/svg/sample-chart.svg

See how TrueFileSize generates and measures sample files, or review the editorial policy.

SVG

sample-map.svg

2.9 KB

Download

File details and verification

Filename: sample-map.svg
Exact size: 2,988 bytes
Displayed size: 2.9 KB
Catalog status: Valid catalog fixture
SHA-256: d6e7115c051e226989025b8e6d6623af4a19833197ab8982072614344b694c46
Header signature: Not applicable (no stable header signature for this format)
Verified on: 2026-08-10
MIME type: image/svg+xml
License: CC0 / Public Domain
Download URL: https://cdn.truefilesize.com/svg/sample-map.svg

See how TrueFileSize generates and measures sample files, or review the editorial policy.

SVG

sample-animated.svg

205 B

Download

File details and verification

Filename: sample-animated.svg
Exact size: 205 bytes
Displayed size: 205 B
Catalog status: Valid catalog fixture
SHA-256: 9e95597579d305b337dbc39399e368d431305941986677d5581bd0a320326f8e
Header signature: Not applicable (no stable header signature for this format)
Verified on: 2026-08-10
MIME type: image/svg+xml
License: CC0 / Public Domain
Download URL: https://cdn.truefilesize.com/svg/sample-animated.svg

See how TrueFileSize generates and measures sample files, or review the editorial policy.

SVG

sample-text.svg

300 B

Download

File details and verification

Filename: sample-text.svg
Exact size: 300 bytes
Displayed size: 300 B
Catalog status: Valid catalog fixture
SHA-256: af71a51f275b62a939bb6ada303bb905eb4a1c2fb76243202f8867f503c68de8
Header signature: Not applicable (no stable header signature for this format)
Verified on: 2026-08-10
MIME type: image/svg+xml
License: CC0 / Public Domain
Download URL: https://cdn.truefilesize.com/svg/sample-text.svg

See how TrueFileSize generates and measures sample files, or review the editorial policy.

SVG

sample-gradient.svg

250 B

400×300

Download

File details and verification

Filename: sample-gradient.svg
Exact size: 250 bytes
Displayed size: 250 B
Catalog status: Valid catalog fixture
SHA-256: 56d3eb178921edea8ee372e6d5c838cbc4c86a83e933334df108e55729d644cf
Header signature: Not applicable (no stable header signature for this format)
Verified on: 2026-08-10
MIME type: image/svg+xml
Dimensions: 400 x 300 px
License: CC0 / Public Domain
Download URL: https://cdn.truefilesize.com/svg/sample-gradient.svg

See how TrueFileSize generates and measures sample files, or review the editorial policy.

SVG

sample-pattern.svg

253 B

Download

File details and verification

Filename: sample-pattern.svg
Exact size: 253 bytes
Displayed size: 253 B
Catalog status: Valid catalog fixture
SHA-256: 1ebd498fd94bf40909803e6a129b4b84da4f7c674b827f217fc23deae2fb5f99
Header signature: Not applicable (no stable header signature for this format)
Verified on: 2026-08-10
MIME type: image/svg+xml
License: CC0 / Public Domain
Download URL: https://cdn.truefilesize.com/svg/sample-pattern.svg

See how TrueFileSize generates and measures sample files, or review the editorial policy.

SVG

sample-large.svg

309 KB

Download

File details and verification

Filename: sample-large.svg
Exact size: 316,539 bytes
Displayed size: 309 KB
Catalog status: Valid catalog fixture
SHA-256: 0ea8ae8ca353304406f7b19fb849166f2d332550f5902122a0fe3c6b5ea2767e
Header signature: Not applicable (no stable header signature for this format)
Verified on: 2026-08-10
MIME type: image/svg+xml
License: CC0 / Public Domain
Download URL: https://cdn.truefilesize.com/svg/sample-large.svg

See how TrueFileSize generates and measures sample files, or review the editorial policy.

What are SVG files used for?

Website logos and icons (sharp at any size)
Data visualization — charts, graphs, diagrams
Illustrations and artwork for web
UI icons in design systems (Heroicons, Feather, etc.)
Animations with CSS or JavaScript

Advantages of SVG over PNG/JPG

Strengths

+Resolution-independent — perfect on retina/4K displays
+Smaller file size for simple graphics
+Can be styled with CSS
+Can be animated with CSS or JS
+Inline in HTML — no extra HTTP request

Limitations

-Not suitable for photographs
-Complex SVGs can be larger than equivalent JPG
-Rendering performance degrades with many elements

How to use SVG in HTML

Method 1: <img> tag — simple but limited styling

<img src="logo.svg" alt="Logo" width="200">

Method 2: Inline SVG — full CSS/JS control

<svg viewBox="0 0 24 24" fill="currentColor">
  <path d="M12 2L2 22h20L12 2z" />
</svg>

Method 3: CSS background — for decorative elements

.hero { background-image: url('pattern.svg'); }

Technical specifications

Format	XML-based vector image
Scaling	Resolution-independent (infinite zoom)
Animation	CSS and SMIL supported
Browser support	All modern browsers (IE9+)
Size range	1 KB to 500 KB

Frequently Asked Questions

Can I edit SVG files with a text editor?

Yes. SVG is XML — you can open, edit, and modify it in any text editor. This is one of SVG's biggest advantages: you can change colors, sizes, and even add animations by editing the code directly.

Are SVG files safe to use on websites?

SVGs can contain embedded JavaScript, so only use SVGs from trusted sources. Our sample files contain no scripts. When accepting SVG uploads from users, sanitize them with libraries like DOMPurify to remove potential XSS vectors.

What tools create SVG files?

Adobe Illustrator, Figma, Sketch, Inkscape (free), and Affinity Designer all export SVG. For programmatic generation, use D3.js, svg.js, or server-side libraries like sharp (Node.js).

How do I optimize SVG file size?

Use SVGO (Node.js tool) to remove metadata, comments, and unnecessary attributes. It typically reduces SVG file size by 30–60% without visual changes. Online: svgomg.net.

Can SVGs be animated?

Yes. Three methods: CSS animations/transitions (easiest), SMIL animation (built into SVG spec), and JavaScript libraries (GreenSock, Anime.js). Our sample-animated.svg demonstrates CSS animation.

Other image formats

PNG JPG WebP GIF

Sample SVG Files — Scalable Vector Graphics for Testing

What are SVG files used for?

Advantages of SVG over PNG/JPG

Strengths

Limitations

How to use SVG in HTML

Technical specifications

Frequently Asked Questions

Other image formats

Related reading

Image Optimization for Web Performance

SVG vs PNG for Icons — Which Format Should You Use?

WebP vs PNG vs JPG — Which Format Should You Use?