Sample SVG Icon Download

Download a free 24×24 SVG icon — resolution-independent, styleable with CSS, and infinitely scalable. Perfect for testing icon systems like Heroicons, Lucide, and custom design system icons.

SVG

sample-icon.svg

166 B

24×24

Download

Verified file details

Filename: sample-icon.svg
Exact size: 166 bytes
Displayed size: 166 B
MIME type: image/svg+xml
Dimensions: 24 x 24 px
License: CC0 / Public Domain
Download URL: https://truefilesize.com/files/svg/sample-icon.svg

Other SVG files

SVG

sample-simple.svg

117 B

Download

Verified file details

Filename: sample-simple.svg
Exact size: 117 bytes
Displayed size: 117 B
MIME type: image/svg+xml
License: CC0 / Public Domain
Download URL: https://truefilesize.com/files/svg/sample-simple.svg

SVG

sample-logo.svg

263 B

Download

Verified file details

Filename: sample-logo.svg
Exact size: 263 bytes
Displayed size: 263 B
MIME type: image/svg+xml
License: CC0 / Public Domain
Download URL: https://truefilesize.com/files/svg/sample-logo.svg

SVG

sample-illustration.svg

6.5 KB

Download

Verified file details

Filename: sample-illustration.svg
Exact size: 6,639 bytes
Displayed size: 6.5 KB
MIME type: image/svg+xml
License: CC0 / Public Domain
Download URL: https://truefilesize.com/files/svg/sample-illustration.svg

SVG

sample-chart.svg

377 B

800×500

Download

Verified file details

Filename: sample-chart.svg
Exact size: 377 bytes
Displayed size: 377 B
MIME type: image/svg+xml
Dimensions: 800 x 500 px
License: CC0 / Public Domain
Download URL: https://truefilesize.com/files/svg/sample-chart.svg

SVG

sample-map.svg

2.9 KB

Download

Verified file details

Filename: sample-map.svg
Exact size: 2,991 bytes
Displayed size: 2.9 KB
MIME type: image/svg+xml
License: CC0 / Public Domain
Download URL: https://truefilesize.com/files/svg/sample-map.svg

SVG

sample-animated.svg

205 B

Download

Verified file details

Filename: sample-animated.svg
Exact size: 205 bytes
Displayed size: 205 B
MIME type: image/svg+xml
License: CC0 / Public Domain
Download URL: https://truefilesize.com/files/svg/sample-animated.svg

Frequently Asked Questions

How do I change the color of an SVG icon?

If the SVG uses currentColor or no explicit fill: set color via CSS. If it has a hard-coded fill attribute, change it in the SVG source or use CSS filter. Inline SVG gives the most control.

What size should SVG icons be?

SVGs are resolution-independent, but the viewBox defines the coordinate system. Most icon libraries use 24×24 (Material, Heroicons) or 16×16 (Feather). Our icon uses a 24×24 viewBox.