Street Map SVG icon, line

Pro

Intersecting streets form a grid with one short curved road. This icon can open a street view in a city guide or mark road maps in a navigation menu.

Fixed colourcurrentColor becomes your colour

Inline styleOne style attribute per shape

Minified

street map roads city maps icon line

How to use it

HTML <img>

<img src="street-map.svg" alt="Street Map" width="48" height="48">

CSS background-image

.street-map {
  background-image: url("street-map.svg");
  background-size: contain;
}

CSS mask-image (takes the text colour)

.street-map {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("street-map.svg") center / contain no-repeat;
}

React

import StreetMapSvg from "./street-map.jsx"; // from the React tab above

<StreetMapSvg width={48} height={48} />

Download it first (Pro or Max), then point these at your copy.

Made with AMNT

AMNT SVG 1.1 drew this from the words Street Map: A grid of intersecting streets with one short curved road. as part of the pack Maps and location icons, line. Want one like it? Make your own in the SVG studio.

Rest of Maps and location icons, line

Whole pack

Similar SVGs

Licence: premium, for Pro and Max. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence