SVG 🌐

SVG (Scalable Vector Graphics)

Open Beta
.svg · image/svg+xml

SVG is an open vector format for web and print. Supported by all browsers and graphic editors. The map comes split into layers: roads, buildings, water, and greenery arrive as separate named groups. Ideal for web maps, infographics, and embedding in websites and presentations.

Export SVG now ✨ Open Beta — free, no limits

Key Features

Lossless scaling
All browsers supported
Object layers and groups
Text labels
Example SVG export (central Moscow, 1x0.5 km)
Example: central Moscow, ~1×0.5 km, medium detail

About SVG Format

SVG is the open W3C consortium standard for vector graphics: the content is described as text, scales without loss of quality and opens in any browser. For a map that is a rare combination — one file suits page layout, printing and designer edits alike.

A map is exported to SVG when it will be styled further: a poster, a directions scheme, an illustration for an article, a picture for a website, a base for an infographic. In Illustrator, Inkscape, Figma or Affinity Designer you can recolor the roads, remove unneeded objects, add a route and your own labels.

What is in the file: one UTF-8 document where roads, buildings, water and greenery are drawn as real vector outlines rather than as a picture, and are sorted into layers — each one a separate named group instead of one common heap of objects. Thanks to that, keeping only the roads or recoloring all the water at once is a matter of selecting a group, not of hand-picking thousands of outlines; and if you don't need the layers, any editor ungroups them with one command. The labels stay as text rather than being converted to curves, so they are crisp at any zoom. There is a nuance: a label is drawn character by character, so editing it as a whole string in an editor will not work — it is easier to delete it and type it again.

The file weight predictably grows with the area: a map of a dense city center easily reaches tens of megabytes, and a browser starts to pan it slowly. If you need the file for the web, look at the compressed SVGZ option or lower the detail level at export time.

What Program Opens SVG Files

The following programs and applications can open, edit, and work with SVG (Scalable Vector Graphics) (.svg) files exported from OSM2CDR:

Adobe Illustrator Inkscape 🎨Figma 🎨Sketch 🎨Affinity Designer 🌐Browsers

Format specifications

Who Uses SVG Maps

🏗
Web maps
A vector map on a web page: it scales to any screen and stays crisp.
💻
Infographics
The base of a scheme, with routes, icons and labels laid on top.
📊
Presentations
A slide with a map that does not fall apart into pixels on a big screen.
🎨
Print materials
A source file for posters, booklets and prints of any size — the quality does not depend on resolution.
🗺
Editing in Figma/Illustrator
A layout ready for editing: colors, line weights and the set of objects change in an editor in minutes.

How to Export SVG

1
Select area
Draw a rectangle or polygon on the interactive map at osm2cdr
2
Choose SVG
Select SVG (Scalable Vector Graphics) from the list of 127 available export formats
3
Export
Click Export and receive your .svg file in 1-5 minutes
4
Download
Download the ready SVG file and open it in Adobe Illustrator

How to Open After Export

Popular maps in SVG

Free

Get SVG (Scalable Vector Graphics) map exports

Download professional SVG maps from OpenStreetMap. Instant generation, any area.

Free / export
Export SVG now →

Frequently Asked Questions

Can I open SVG in a browser?
Is SVG suitable for printing?
Can I edit SVG files?
Are the labels text or curves?
Are the map layers preserved?
Why is the file so big?
Can I highlight map objects on a website?

Compare with Other Formats

Related Formats

Frequently Exported Together

Related Articles