Download Contour Lines as SVG for Design and Laser Cutting

Generate contour lines for any place in Oregon from USGS 3DEP lidar elevation data and download them as clean SVG vector graphics, ready for Illustrator, Inkscape, the web and laser cutters.

Ready to design with real terrain?

Draw your area, pick an interval in feet and choose SVG. You see the contours on the map first.

Open Download Data →

What is SVG?

SVG (Scalable Vector Graphics) is the open vector image format of the web. It describes shapes as paths rather than pixels, so an SVG stays sharp at any size, from a phone icon to a wall print.

For contours, every line is a path you can recolor, thicken, move or delete. That makes SVG the natural format for posters, branding, maps for the web and machines that cut or engrave along vector lines.

What you get in the file

  • Vector paths: one path per contour line, drawn to the true shape of your area.
  • Colored by elevation: low contours in blue, through cyan, green and yellow, to red at the top.
  • Elevation on every path: data-elevation in feet, plus a title such as “1,250 ft” (data-elevation-m holds the same value in meters).
  • Clean canvas: a white background rectangle and no other decoration, ready for your own design.
  • Source credit: the file’s description names the USGS 3D Elevation Program and states that elevations are in feet above NAVD 88.

Software that uses SVG

Graphic design

  • Adobe Illustrator: full editing of paths, colors and layers.
  • Inkscape: free and open source, with SVG as its native format.
  • Affinity Designer: imports SVG for illustration and print work.

UI and web design

  • Figma: drop the SVG in as editable vectors for backgrounds and hero images.
  • Sketch: imports SVG for interface work.

Web development

  • Browsers: display SVG directly.
  • CSS and JavaScript: style and animate inline SVG; D3 can select paths by elevation.

Cutting and engraving

  • LightBurn: imports SVG for laser cutting and engraving.
  • Cricut Design Space and Silhouette Studio: import SVG for vinyl and paper cutters.

How to download contour lines as SVG

  1. Open the map: go to Download Data and search for a place or peak.
  2. Select the area: draw a rectangle, or click a taxlot to select the rectangle around it. The area can be up to 7.5 miles per side.
  3. Choose the interval in feet (1, 2, 5, 10, 20, 40, 100, 200, 500 ft):
    • 5–20 ft: detailed artwork of a small area, such as a city park or a single butte
    • 40–100 ft: bold, graphic lines for posters of mountains like Mount Hood
    • For laser-cut layered models, choose the interval that matches your sheet thickness at the scale you plan
  4. Choose SVG among the contour formats.
  5. Download: the contours are free to view on the map; the file needs a pass.
  6. Open it: in Illustrator, Inkscape, Figma or your cutting software.

Free to run · pay to download

See the full result on the map free, with no account. Download the contours as SVG with a pass: US$29 for 24 hours, US$99 for 30 days or US$399 for 12 months, a one-off payment in US dollars that never renews. Every download on the site is included while the pass lasts.

Using SVG contours in Illustrator

  1. Open: File > Open, and the contours come in as paths.
  2. Select by level: click a line and use Select > Same > Stroke Color to pick every line at that elevation.
  3. Organize: move index contours (every fifth level) to their own layer.
  4. Style: set stroke weights and colors to suit your design; heavier index contours read best.
  5. Remove the background: delete the white rectangle if you want a transparent design.
  6. Export: save as SVG, PDF or PNG for wherever it is going.

Common uses

Web design

Contours make subtle, on-theme backgrounds for outdoor brands, ski areas, wineries and trail races. As vectors they stay crisp on every screen.

Branding and marketing

A designer can turn the contours of a real place, such as Mount Hood, the Coast Range or the Columbia Gorge, into a logo, pattern or label that ties a brand to its landscape.

Posters and prints

Contour posters of favorite mountains and home towns are a popular wall print. Scale them to any size with no loss of quality.

Laser-cut and layered models

Makers cut each contour level from wood, acrylic or card and stack them into a layered terrain model. Lines that reach the edge of your area are open, so close each level along the border in your design program before cutting. For a printed 3D model instead, see terrain as STL.

Data visualization

Journalists and analysts use contours as a base layer for stories about wildfire, snowpack or development, with data drawn on top.

Teaching and science

Clean contour graphics make clear diagrams of volcanoes, valleys and watersheds for slides, papers and worksheets.

Tips

Keep files small

Every contour point is a coordinate in the file. Choose the coarsest interval that still gives the look you want, and run the result through SVGO for the web. Output resolution scales with the size of the area you select. Exports are capped at 1,024 pixels on the longest side, with a floor of 3.3 ft per pixel — so a 900 ft building site is delivered at the full lidar detail, while a block 7.5 miles on a side is resampled to roughly 39 ft per pixel. Select a smaller area when you need fine detail.

Style with CSS

Inline the SVG and target paths by elevation, for example path[data-elevation="500"], to change colors or weights for one level without touching the file.

Use layers

Split index and intermediate contours onto separate layers early. It makes later restyling and cutting much easier.

Responsive use

The file has a viewBox, so it scales with its container. Set the width in CSS and let the height follow.

Combine with other elements

Add place names, trails or a frame on top in your design program. Keep the contours light so they support the design rather than compete with it.

SVG or another format?

SVG or PDF

For a finished, printable map with a scale bar and legend, download contours as PDF. For design and cutting, SVG is easier to work with.

SVG or DXF

DXF is for CAD: real coordinates in Oregon Statewide Lambert, feet (EPSG:2992), with elevations on Z. SVG is for graphics and has no real-world coordinates.

SVG or PNG and JPG

PNG and JPG are pixels and blur when enlarged. SVG stays sharp at any size and can be edited line by line; export a PNG from it whenever you need one.

About the data

Ground elevations on this site come from the USGS 3D Elevation Program (3DEP) seamless bare-earth model: 3.3 ft per pixel where lidar has been flown and about 33 ft per pixel elsewhere, with elevations above NAVD 88. The data is in the public domain. Most of Oregon’s lidar was flown through the Oregon Lidar Consortium, run by DOGAMI, the Oregon Department of Geology and Mineral Industries. DOGAMI reports about 99% of Oregon covered by at least one lidar project. See lidar coverage in Oregon for the project behind your area. More from the USGS 3D Elevation Program and DOGAMI’s lidar program.

Accuracy is inherited from the USGS 3DEP source and the lidar project behind it, not asserted by this tool. Where lidar exists, at 3.3 ft per pixel, vertical accuracy is that of the project: individual Oregon Lidar Consortium projects report vendor RMSE of a few inches or less in DOGAMI’s project records; for example, Metro 2014 reports about a tenth of a foot. Outside the lidar work units the seamless DEM is about 33 ft per pixel and far coarser. Every download states what share of its area fell outside the lidar work units. Values are bare-earth elevations above NAVD 88 from a digital elevation model — they exclude buildings and tree canopy and are not a substitute for a surveyed elevation where a legal or engineering decision depends on it.

Frequently asked questions

Can I edit the SVG in Illustrator?

Yes. Adobe Illustrator opens the SVG with every contour as an editable path. Each elevation has its own stroke color, so Select > Same > Stroke Color picks up one level at a time for restyling or moving to its own layer.

Are the contours labeled?

Each path carries its elevation in feet: a data-elevation attribute (with data-elevation-m alongside, in meters) and a title that browsers and Inkscape show on hover. There is no text drawn on the map itself, so you can place labels where your design needs them.

Will the SVG work in web browsers?

Yes. All modern browsers display SVG. Put it in an img tag for a static picture, or inline it in the page to style and animate the paths with CSS and JavaScript.

Can I animate the contours?

Yes. Inline the SVG and animate stroke-dasharray and stroke-dashoffset for a drawing-on effect, or select paths by their data-elevation attribute to reveal the landscape level by level.

What is the difference between the SVG and the PDF?

Both are vector. The SVG is the contour lines alone on a white background, built for editing, the web and cutting machines. The PDF is a finished letter-size map sheet with a scale bar and legend, built for printing.

Can I convert the SVG to PNG?

Yes. Inkscape can export a PNG at any resolution, and Illustrator can export for screens. Because the source is vector, choose whatever pixel size the job needs.

How do I make the file smaller?

Pick a coarser contour interval or a smaller area, or run the file through an SVG optimizer such as SVGO, which shortens coordinates and removes what browsers do not need.

Other formats

Design with real Oregon terrain

Contours are free to generate and view on the map. With a pass you download the SVG, ready for Illustrator, Inkscape and the web.