Map Simple Marker Icon SVG
Map Simple Marker
Map simple marker SVG Icon Code | Customize color
You can get svg icon map simple marker in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Map simple marker
DownloadSvg Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path fill="currentColor" fill-rule="evenodd" d="m17 21-.647.763-.001-.002-.004-.002-.01-.01-.039-.033-.137-.121a20.909 20.909 0 0 1-1.923-1.967c-.525-.617-1.072-1.343-1.491-2.109C12.335 16.766 12 15.892 12 15c0-1.547.538-2.825 1.49-3.711C14.431 10.413 15.69 10 17 10c1.31 0 2.569.413 3.51 1.289.952.886 1.49 2.164 1.49 3.711 0 .892-.335 1.766-.748 2.52-.42.765-.965 1.491-1.49 2.108a20.909 20.909 0 0 1-2.061 2.088l-.038.033-.011.01-.004.002v.001h-.001L17 21zm0 0 .646.763a1 1 0 0 1-1.292 0L17 21zm0-5a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M22 4a1 1 0 0 0-1.555-.832L15 6.798l-5.445-3.63a1 1 0 0 0-1.11 0l-6 4A1 1 0 0 0 2 8v12a1 1 0 0 0 1.555.832L9 17.202l.75.5c-.254-.707-.417-1.45-.417-2.202 0-2.32.825-4.238 2.285-5.567C13.061 8.62 14.991 8 17 8c1.837 0 3.608.518 5 1.61V4z" clip-rule="evenodd"/></svg>
Map simple marker
DownloadSvg Code
<svg style="color: white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path fill="white" fill-rule="evenodd" d="m17 21-.647.763-.001-.002-.004-.002-.01-.01-.039-.033-.137-.121a20.909 20.909 0 0 1-1.923-1.967c-.525-.617-1.072-1.343-1.491-2.109C12.335 16.766 12 15.892 12 15c0-1.547.538-2.825 1.49-3.711C14.431 10.413 15.69 10 17 10c1.31 0 2.569.413 3.51 1.289.952.886 1.49 2.164 1.49 3.711 0 .892-.335 1.766-.748 2.52-.42.765-.965 1.491-1.49 2.108a20.909 20.909 0 0 1-2.061 2.088l-.038.033-.011.01-.004.002v.001h-.001L17 21zm0 0 .646.763a1 1 0 0 1-1.292 0L17 21zm0-5a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" clip-rule="evenodd"></path><path fill="white" fill-rule="evenodd" d="M22 4a1 1 0 0 0-1.555-.832L15 6.798l-5.445-3.63a1 1 0 0 0-1.11 0l-6 4A1 1 0 0 0 2 8v12a1 1 0 0 0 1.555.832L9 17.202l.75.5c-.254-.707-.417-1.45-.417-2.202 0-2.32.825-4.238 2.285-5.567C13.061 8.62 14.991 8 17 8c1.837 0 3.608.518 5 1.61V4z" clip-rule="evenodd"></path></svg>
Map simple marker
DownloadSvg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path fill="red" fill-rule="evenodd" d="m17 21-.647.763-.001-.002-.004-.002-.01-.01-.039-.033-.137-.121a20.909 20.909 0 0 1-1.923-1.967c-.525-.617-1.072-1.343-1.491-2.109C12.335 16.766 12 15.892 12 15c0-1.547.538-2.825 1.49-3.711C14.431 10.413 15.69 10 17 10c1.31 0 2.569.413 3.51 1.289.952.886 1.49 2.164 1.49 3.711 0 .892-.335 1.766-.748 2.52-.42.765-.965 1.491-1.49 2.108a20.909 20.909 0 0 1-2.061 2.088l-.038.033-.011.01-.004.002v.001h-.001L17 21zm0 0 .646.763a1 1 0 0 1-1.292 0L17 21zm0-5a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" clip-rule="evenodd"></path><path fill="red" fill-rule="evenodd" d="M22 4a1 1 0 0 0-1.555-.832L15 6.798l-5.445-3.63a1 1 0 0 0-1.11 0l-6 4A1 1 0 0 0 2 8v12a1 1 0 0 0 1.555.832L9 17.202l.75.5c-.254-.707-.417-1.45-.417-2.202 0-2.32.825-4.238 2.285-5.567C13.061 8.62 14.991 8 17 8c1.837 0 3.608.518 5 1.61V4z" clip-rule="evenodd"></path></svg>
Map simple marker
DownloadSvg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path fill="blue" fill-rule="evenodd" d="m17 21-.647.763-.001-.002-.004-.002-.01-.01-.039-.033-.137-.121a20.909 20.909 0 0 1-1.923-1.967c-.525-.617-1.072-1.343-1.491-2.109C12.335 16.766 12 15.892 12 15c0-1.547.538-2.825 1.49-3.711C14.431 10.413 15.69 10 17 10c1.31 0 2.569.413 3.51 1.289.952.886 1.49 2.164 1.49 3.711 0 .892-.335 1.766-.748 2.52-.42.765-.965 1.491-1.49 2.108a20.909 20.909 0 0 1-2.061 2.088l-.038.033-.011.01-.004.002v.001h-.001L17 21zm0 0 .646.763a1 1 0 0 1-1.292 0L17 21zm0-5a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" clip-rule="evenodd"></path><path fill="blue" fill-rule="evenodd" d="M22 4a1 1 0 0 0-1.555-.832L15 6.798l-5.445-3.63a1 1 0 0 0-1.11 0l-6 4A1 1 0 0 0 2 8v12a1 1 0 0 0 1.555.832L9 17.202l.75.5c-.254-.707-.417-1.45-.417-2.202 0-2.32.825-4.238 2.285-5.567C13.061 8.62 14.991 8 17 8c1.837 0 3.608.518 5 1.61V4z" clip-rule="evenodd"></path></svg>
Map simple marker
DownloadSvg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path fill="#f3da35" fill-rule="evenodd" d="m17 21-.647.763-.001-.002-.004-.002-.01-.01-.039-.033-.137-.121a20.909 20.909 0 0 1-1.923-1.967c-.525-.617-1.072-1.343-1.491-2.109C12.335 16.766 12 15.892 12 15c0-1.547.538-2.825 1.49-3.711C14.431 10.413 15.69 10 17 10c1.31 0 2.569.413 3.51 1.289.952.886 1.49 2.164 1.49 3.711 0 .892-.335 1.766-.748 2.52-.42.765-.965 1.491-1.49 2.108a20.909 20.909 0 0 1-2.061 2.088l-.038.033-.011.01-.004.002v.001h-.001L17 21zm0 0 .646.763a1 1 0 0 1-1.292 0L17 21zm0-5a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" clip-rule="evenodd"></path><path fill="#f3da35" fill-rule="evenodd" d="M22 4a1 1 0 0 0-1.555-.832L15 6.798l-5.445-3.63a1 1 0 0 0-1.11 0l-6 4A1 1 0 0 0 2 8v12a1 1 0 0 0 1.555.832L9 17.202l.75.5c-.254-.707-.417-1.45-.417-2.202 0-2.32.825-4.238 2.285-5.567C13.061 8.62 14.991 8 17 8c1.837 0 3.608.518 5 1.61V4z" clip-rule="evenodd"></path></svg>
Advance Editor
You can edit map simple marker as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements