svg
What is a .svg file?
image/svg+xml
SVG (Scalable Vector Graphics) is an XML-based vector image format describing shapes, paths, text, and styling that scale losslessly to any resolution. It can embed CSS, scripting, and references, so it is both an image and an executable document. It is standard for icons, diagrams, and resolution-independent web graphics.
How to use a .svg file
Use an example SVG to test vector rasterization, sanitization of untrusted markup, and rendering fidelity, treating any untrusted SVG as potentially executable content requiring safe handling.
Download example .svg files
- Logo (SVG)A generic sample brand logo as scalable vector graphics (a gradient mark plus a wordmark) for testing SVG rendering, rasterisation, and vector-to-raster conversion. Opens in the in-browser editor.
- UI Icon (SVG)A single stroke-style UI icon (a document) as a 24×24 SVG: the kind of vector icon used in interfaces, for testing icon rendering, recolouring, and SVG-to-PNG conversion.
- Bar Chart (SVG)A bar chart drawn as vector SVG (axis, gridlines, labelled bars), the scalable counterpart to the raster chart images, for testing SVG chart rendering and vector conversion.
- Animated Spinner (SVG)An animated loading spinner using SMIL (animateTransform): a self-contained animated SVG for testing whether a renderer or converter handles SVG animation, and how it rasterises an animated frame.
- Flat Illustration (SVG)A flat vector landscape (gradient sky, sun, layered hills, and trees built from bezier paths), a richer SVG for testing gradient and path rendering, thumbnailing, and vector conversion.
- Favicon (scalable SVG)A scalable SVG favicon of the brand mark: the modern crisp-at-any-size icon format, for testing SVG favicon support and vector-to-raster favicon pipelines.
- SVG icon sprite (symbol sheet)An SVG sprite sheet defining five reusable icons as <symbol> elements referenced by <use href='#id'>, for testing SVG sprite pipelines and icon systems. Paired with a PNG sprite twin.