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.
Key Features

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:
Format specifications
- Open standard
- 2D only
- Lossless (no quality loss)
- Stores feature attributes
- Output: 1 file
- UTF-8 SVG 1.1. Vector paths with CSS classes per layer. Editable in Inkscape, Illustrator, Figma, or any text editor.
Who Uses SVG Maps
How to Export SVG
How to Open After Export
- A browser — just open the file: Chrome, Firefox, Safari and Edge show SVG without plugins, and this is the fastest way to check the result.
- Inkscape (free) — its native format: editing outlines and colors, removing what you don't need, exporting to PNG or PDF at the size you want. The layer groups are visible in the objects panel, and the ones you don't need can be hidden or deleted whole.
- Adobe Illustrator — File > Open, then the usual design work: the map layers arrive as separate groups, convenient to work with one at a time. For printing, check that the label fonts are present in the system, otherwise they will be substituted with others.
- Figma — drag the file onto the canvas: the map becomes nested groups by layer, on top of which the layout is convenient to build.
- Putting it on a website — either as a picture through the img tag, or directly into the page markup if the objects have to be highlighted and handled by clicks.
Popular maps in SVG
Get SVG (Scalable Vector Graphics) map exports
Download professional SVG maps from OpenStreetMap. Instant generation, any area.
Frequently Asked Questions
Compare with Other Formats
Related Formats
Frequently Exported Together
Related Articles
How to print a city map in large format: A1, A0 and tiling onto A4
How to print a city map in large format: which file to bring to a print shop for A1 and A0, how to compute the scale, ma
usecaseCity map poster generator: make a free map poster of your city
How to make a free city map poster: pick the area and style, download a vector SVG or PDF, finish it in Illustrator, Ink
guideVector maps — what they are in plain words and where to download them
Vector maps explained in plain words: how vector differs from a picture using a map as the example, which vector formats