map point icon
map-point-duotone from Reicon by REICON · Duotone · Map · MIT Free for personal and commercial use.
- Name
- map-point-duotone
- Set
- Reicon
- Style
- Duotone
- Category
- Map
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
More map icons from Reicon
Use the map point icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M3 13.037c0-1.103 0-1.655.393-1.976c.139-.114.308-.206.497-.269c.532-.177 1.231-.002 2.629.346c1.067.267 1.6.4 2.14.386q.298-.008.588-.059c.525-.093.993-.326 1.929-.793l1.382-.69c1.2-.599 1.799-.898 2.487-.967s1.372.102 2.739.443l1.165.29c.99.247 1.485.371 1.768.665s.283.685.283 1.466v6.084c0 1.103 0 1.655-.393 1.976a1.6 1.6 0 0 1-.497.269c-.532.177-1.231.003-2.629-.346c-1.067-.267-1.6-.4-2.14-.386a4 4 0 0 0-.588.059c-.525.093-.993.326-1.929.793l-1.382.69c-1.2.599-1.799.898-2.487.967s-1.372-.102-2.739-.443l-1.165-.29c-.99-.247-1.485-.371-1.768-.665S3 19.902 3 19.121z" opacity=".5"/><path fill-rule="evenodd" d="M12 2C8.686 2 6 4.552 6 7.7c0 3.124 1.915 6.769 4.903 8.072a2.76 2.76 0 0 0 2.194 0C16.085 14.47 18 10.824 18 7.7C18 4.552 15.314 2 12 2m0 8a2 2 0 1 0 0-4a2 2 0 0 0 0 4" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconMapPointDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M3 13.037c0-1.103 0-1.655.393-1.976c.139-.114.308-.206.497-.269c.532-.177 1.231-.002 2.629.346c1.067.267 1.6.4 2.14.386q.298-.008.588-.059c.525-.093.993-.326 1.929-.793l1.382-.69c1.2-.599 1.799-.898 2.487-.967s1.372.102 2.739.443l1.165.29c.99.247 1.485.371 1.768.665s.283.685.283 1.466v6.084c0 1.103 0 1.655-.393 1.976a1.6 1.6 0 0 1-.497.269c-.532.177-1.231.003-2.629-.346c-1.067-.267-1.6-.4-2.14-.386a4 4 0 0 0-.588.059c-.525.093-.993.326-1.929.793l-1.382.69c-1.2.599-1.799.898-2.487.967s-1.372-.102-2.739-.443l-1.165-.29c-.99-.247-1.485-.371-1.768-.665S3 19.902 3 19.121z" opacity=".5"/><path fillRule="evenodd" d="M12 2C8.686 2 6 4.552 6 7.7c0 3.124 1.915 6.769 4.903 8.072a2.76 2.76 0 0 0 2.194 0C16.085 14.47 18 10.824 18 7.7C18 4.552 15.314 2 12 2m0 8a2 2 0 1 0 0-4a2 2 0 0 0 0 4" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M3 13.037c0-1.103 0-1.655.393-1.976c.139-.114.308-.206.497-.269c.532-.177 1.231-.002 2.629.346c1.067.267 1.6.4 2.14.386q.298-.008.588-.059c.525-.093.993-.326 1.929-.793l1.382-.69c1.2-.599 1.799-.898 2.487-.967s1.372.102 2.739.443l1.165.29c.99.247 1.485.371 1.768.665s.283.685.283 1.466v6.084c0 1.103 0 1.655-.393 1.976a1.6 1.6 0 0 1-.497.269c-.532.177-1.231.003-2.629-.346c-1.067-.267-1.6-.4-2.14-.386a4 4 0 0 0-.588.059c-.525.093-.993.326-1.929.793l-1.382.69c-1.2.599-1.799.898-2.487.967s-1.372-.102-2.739-.443l-1.165-.29c-.99-.247-1.485-.371-1.768-.665S3 19.902 3 19.121z" opacity=".5"/><path fill-rule="evenodd" d="M12 2C8.686 2 6 4.552 6 7.7c0 3.124 1.915 6.769 4.903 8.072a2.76 2.76 0 0 0 2.194 0C16.085 14.47 18 10.824 18 7.7C18 4.552 15.314 2 12 2m0 8a2 2 0 1 0 0-4a2 2 0 0 0 0 4" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-map-point-duotone {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M3%2013.037c0-1.103%200-1.655.393-1.976c.139-.114.308-.206.497-.269c.532-.177%201.231-.002%202.629.346c1.067.267%201.6.4%202.14.386q.298-.008.588-.059c.525-.093.993-.326%201.929-.793l1.382-.69c1.2-.599%201.799-.898%202.487-.967s1.372.102%202.739.443l1.165.29c.99.247%201.485.371%201.768.665s.283.685.283%201.466v6.084c0%201.103%200%201.655-.393%201.976a1.6%201.6%200%200%201-.497.269c-.532.177-1.231.003-2.629-.346c-1.067-.267-1.6-.4-2.14-.386a4%204%200%200%200-.588.059c-.525.093-.993.326-1.929.793l-1.382.69c-1.2.599-1.799.898-2.487.967s-1.372-.102-2.739-.443l-1.165-.29c-.99-.247-1.485-.371-1.768-.665S3%2019.902%203%2019.121z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%202C8.686%202%206%204.552%206%207.7c0%203.124%201.915%206.769%204.903%208.072a2.76%202.76%200%200%200%202.194%200C16.085%2014.47%2018%2010.824%2018%207.7C18%204.552%2015.314%202%2012%202m0%208a2%202%200%201%200%200-4a2%202%200%200%200%200%204%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M3%2013.037c0-1.103%200-1.655.393-1.976c.139-.114.308-.206.497-.269c.532-.177%201.231-.002%202.629.346c1.067.267%201.6.4%202.14.386q.298-.008.588-.059c.525-.093.993-.326%201.929-.793l1.382-.69c1.2-.599%201.799-.898%202.487-.967s1.372.102%202.739.443l1.165.29c.99.247%201.485.371%201.768.665s.283.685.283%201.466v6.084c0%201.103%200%201.655-.393%201.976a1.6%201.6%200%200%201-.497.269c-.532.177-1.231.003-2.629-.346c-1.067-.267-1.6-.4-2.14-.386a4%204%200%200%200-.588.059c-.525.093-.993.326-1.929.793l-1.382.69c-1.2.599-1.799.898-2.487.967s-1.372-.102-2.739-.443l-1.165-.29c-.99-.247-1.485-.371-1.768-.665S3%2019.902%203%2019.121z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%202C8.686%202%206%204.552%206%207.7c0%203.124%201.915%206.769%204.903%208.072a2.76%202.76%200%200%200%202.194%200C16.085%2014.47%2018%2010.824%2018%207.7C18%204.552%2015.314%202%2012%202m0%208a2%202%200%201%200%200-4a2%202%200%200%200%200%204%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/map-point-duotone.svg?color=%231a73e8&size=48
