Menu

Beta
Sign in
Beta
Street Map SVG icon, line

Street Map SVG icon, line

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.

Free · from Maps and location icons, line

Similar SVGs

More from Maps and location icons, line

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Ztzhen-GC2Ka/amnt.svg" alt="Street Map" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 8h18M3 16h18M8 3v18M16 3v18"/><path d="M16 8c0-3 2-5 5-5"/></svg>
CSS background-image
.street-map {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Ztzhen-GC2Ka/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.street-map {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Ztzhen-GC2Ka/amnt.svg") center / contain no-repeat;
}
React
import StreetMapSvg from "./street-map.jsx"; // from the React tab above

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

Tags

street maproadscitymapsiconline

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.

Licence: free. 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

Settings