GeoJSON to SVG Converter

Free, no sign-up, runs entirely in your browser. Paste or upload any GeoJSON — a Feature, FeatureCollection, or bare geometry — and get back a clean, styled SVG you can copy or download.

Paste GeoJSON

{
  "type": "Feature",
  "properties": {
    "name": "Iceland"
  },
  "geometry": {
    "type": "Polygon",
    "coordinates": [
      [
        [
          -14.508695,
          66.455892
        ],
        [
          -14.739637,
          65.808748
        ],
        [
          -13.609732,
          65.126671
        ],
        [
          -14.909834,
          64.364082
        ],
        [
          -17.794438,
          63.678749
        ],
        [
          -18.656246,
          63.496383
        ],
        [
          -19.972755,
          63.643635
        ],
        [
          -22.762972,
          63.960179
        ],
        [
          -21.778484,
          64.402116
        ],
        [
          -23.955044,
          64.89113
        ],
        [
          -22.184403,
          65.084968
        ],
        [
          -22.227423,
          65.378594
        ],
        [
          -24.326184,
          65.611189
        ],
        [
          -23.650515,
          66.262519
        ],
        [
          -22.134922,
          66.410469
        ],
        [
          -20.576284,
          65.732112
        ],
        [
          -19.056842,
          66.276601
        ],
        [
          -17.798624,
          65.993853
        ],
        [
          -16.167819,
          66.526792
        ],
        [
          -14.508695,
          66.455892
        ]
      ]
    ]
  }
}

Style

Width (px)

Padding (px)

Stroke width

Point radius

Stroke color

Fill color

Background

Preview

1 shape · 832×258px viewBox

SVG markup

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 832 258" width="832" height="258">
  <path d="M 748.89,21.29 L 731.65,69.55 L 816,120.42 L 718.95,177.29 L 503.61,228.4 L 439.27,242 L 340.99,231.02 L 132.7,207.41 L 206.19,174.45 L 43.71,137.98 L 175.89,123.53 L 172.68,101.63 L 16,84.28 L 66.44,35.71 L 179.58,24.68 L 295.94,75.27 L 409.36,34.66 L 503.29,55.75 L 625.03,16 L 748.89,21.29 Z" fill="#0f172a" fill-rule="evenodd" stroke="#38bdf8" stroke-width="1.5" stroke-linejoin="round" stroke-linecap="round" />
</svg>

Turning this into a graphic?

This gives you a plain outline. For a styled dotted map of a country, region, or US state — with colors, dot size, and background you control — use the free editor instead.

Open the dotted map editor

Related tools & guides

What this tool does

GeoJSON is the standard format for describing points, lines, and shapes on a map — it's what most GIS tools, geocoders, and mapping APIs export. SVG is the standard format for putting a shape into a design tool, a slide deck, or a web page. This tool bridges the two: paste in a GeoJSON Feature, FeatureCollection, or a bare geometry object, and it projects every coordinate onto a flat SVG canvas, builds the path data, and lets you style and export the result.

It handles the geometry types you'll actually run into — Polygon and MultiPolygon for country borders, districts, and drawn areas; LineString and MultiLineString for routes and boundaries; Point and MultiPoint for locations, rendered as circles. Reach for it when you've exported a shape from a GIS tool like QGIS, ArcGIS, or Overpass Turbo and need an SVG for Figma, Illustrator, or a web page — or when you've drawn a custom area in a mapping tool and want a vector version without spinning up a whole GIS stack.

The projection is a simple equirectangular one: longitude maps directly to the x-axis and latitude to the y-axis, scaled to fit your chosen width while keeping the degree-based aspect ratio intact. That's the same lightweight approach used to lay out the dotted maps elsewhere on this site — it's fast and dependency-free, though it isn't a true equal-area or conformal projection, so shapes very close to the poles will look stretched. For city- or country-scale data it's indistinguishable from a proper projection.

Everything happens in your browser: your GeoJSON is never uploaded anywhere. Adjust the stroke, fill, background, and size, then copy the markup straight into your code or download it as a standalone .svg file.