Map Marker Path Line Icon SVG
Map Marker Path Line
Map marker path line SVG Icon Code | Customize color
You can get svg icon map marker path line in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeMap marker path line
DownloadSvg Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 9a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 0v1m0 7v-1m2 3a2 2 0 1 0-4 0 2 2 0 0 0 4 0zm0 0h1m9-2a2 2 0 1 1-2 2m2-2a2 2 0 0 0-2 2m2-2v-1m-2 3h-1"/><circle cx="5" cy="13" r="1" fill="currentColor"/><circle cx="11" cy="19" r="1" fill="currentColor"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 7c0 2.611-4 6-4 6s-4-3.389-4-6 1.79-4 4-4 4 1.389 4 4z"/><circle cx="17" cy="7" r="1" fill="currentColor"/></svg> Map marker path line
DownloadSvg Code
<svg style="color: white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 9a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 0v1m0 7v-1m2 3a2 2 0 1 0-4 0 2 2 0 0 0 4 0zm0 0h1m9-2a2 2 0 1 1-2 2m2-2a2 2 0 0 0-2 2m2-2v-1m-2 3h-1" fill="white"></path><circle cx="5" cy="13" r="1" fill="currentColor"></circle><circle cx="11" cy="19" r="1" fill="currentColor"></circle><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 7c0 2.611-4 6-4 6s-4-3.389-4-6 1.79-4 4-4 4 1.389 4 4z" fill="white"></path><circle cx="17" cy="7" r="1" fill="currentColor"></circle></svg> Map marker path line
DownloadSvg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 9a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 0v1m0 7v-1m2 3a2 2 0 1 0-4 0 2 2 0 0 0 4 0zm0 0h1m9-2a2 2 0 1 1-2 2m2-2a2 2 0 0 0-2 2m2-2v-1m-2 3h-1" fill="red"></path><circle cx="5" cy="13" r="1" fill="currentColor"></circle><circle cx="11" cy="19" r="1" fill="currentColor"></circle><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 7c0 2.611-4 6-4 6s-4-3.389-4-6 1.79-4 4-4 4 1.389 4 4z" fill="red"></path><circle cx="17" cy="7" r="1" fill="currentColor"></circle></svg> Map marker path line
DownloadSvg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 9a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 0v1m0 7v-1m2 3a2 2 0 1 0-4 0 2 2 0 0 0 4 0zm0 0h1m9-2a2 2 0 1 1-2 2m2-2a2 2 0 0 0-2 2m2-2v-1m-2 3h-1" fill="blue"></path><circle cx="5" cy="13" r="1" fill="currentColor"></circle><circle cx="11" cy="19" r="1" fill="currentColor"></circle><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 7c0 2.611-4 6-4 6s-4-3.389-4-6 1.79-4 4-4 4 1.389 4 4z" fill="blue"></path><circle cx="17" cy="7" r="1" fill="currentColor"></circle></svg> Map marker path line
DownloadSvg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 9a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 0v1m0 7v-1m2 3a2 2 0 1 0-4 0 2 2 0 0 0 4 0zm0 0h1m9-2a2 2 0 1 1-2 2m2-2a2 2 0 0 0-2 2m2-2v-1m-2 3h-1" fill="#f3da35"></path><circle cx="5" cy="13" r="1" fill="currentColor"></circle><circle cx="11" cy="19" r="1" fill="currentColor"></circle><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 7c0 2.611-4 6-4 6s-4-3.389-4-6 1.79-4 4-4 4 1.389 4 4z" fill="#f3da35"></path><circle cx="17" cy="7" r="1" fill="currentColor"></circle></svg> Advance Editor
You can edit map marker path line as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements