map point icon
map-point-filled from Reicon by REICON · Filled · Map · MIT Free for personal and commercial use.
- Name
- map-point-filled
- Set
- Reicon
- Style
- Filled
- 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="M21 16.83v-5.667c0-1.044 0-1.566-.283-1.959c-.229-.317-.596-.486-1.25-.713c-.134 1.606-.666 3.247-1.501 4.682c-.973 1.672-2.418 3.167-4.269 3.974a4.26 4.26 0 0 1-3.394 0c-1.851-.807-3.296-2.302-4.269-3.974A11.5 11.5 0 0 1 4.7 9.658c-.383-.057-.676-.028-.93.113a1.5 1.5 0 0 0-.28.203C3 10.42 3 11.249 3 12.908v4.93c0 1.043 0 1.565.283 1.958s.778.558 1.768.888l.384.128c1.577.525 2.365.788 3.172.79q.364 0 .726-.052c.798-.115 1.548-.49 3.048-1.24c1.149-.575 1.724-.862 2.334-.995q.321-.07.65-.098c.623-.052 1.25.053 2.507.262c1.273.212 1.91.318 2.375.051q.239-.137.413-.35c.34-.415.34-1.06.34-2.35"/><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 ReiconMapPointFilled(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="M21 16.83v-5.667c0-1.044 0-1.566-.283-1.959c-.229-.317-.596-.486-1.25-.713c-.134 1.606-.666 3.247-1.501 4.682c-.973 1.672-2.418 3.167-4.269 3.974a4.26 4.26 0 0 1-3.394 0c-1.851-.807-3.296-2.302-4.269-3.974A11.5 11.5 0 0 1 4.7 9.658c-.383-.057-.676-.028-.93.113a1.5 1.5 0 0 0-.28.203C3 10.42 3 11.249 3 12.908v4.93c0 1.043 0 1.565.283 1.958s.778.558 1.768.888l.384.128c1.577.525 2.365.788 3.172.79q.364 0 .726-.052c.798-.115 1.548-.49 3.048-1.24c1.149-.575 1.724-.862 2.334-.995q.321-.07.65-.098c.623-.052 1.25.053 2.507.262c1.273.212 1.91.318 2.375.051q.239-.137.413-.35c.34-.415.34-1.06.34-2.35"/><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="M21 16.83v-5.667c0-1.044 0-1.566-.283-1.959c-.229-.317-.596-.486-1.25-.713c-.134 1.606-.666 3.247-1.501 4.682c-.973 1.672-2.418 3.167-4.269 3.974a4.26 4.26 0 0 1-3.394 0c-1.851-.807-3.296-2.302-4.269-3.974A11.5 11.5 0 0 1 4.7 9.658c-.383-.057-.676-.028-.93.113a1.5 1.5 0 0 0-.28.203C3 10.42 3 11.249 3 12.908v4.93c0 1.043 0 1.565.283 1.958s.778.558 1.768.888l.384.128c1.577.525 2.365.788 3.172.79q.364 0 .726-.052c.798-.115 1.548-.49 3.048-1.24c1.149-.575 1.724-.862 2.334-.995q.321-.07.65-.098c.623-.052 1.25.053 2.507.262c1.273.212 1.91.318 2.375.051q.239-.137.413-.35c.34-.415.34-1.06.34-2.35"/><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-filled {
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%22M21%2016.83v-5.667c0-1.044%200-1.566-.283-1.959c-.229-.317-.596-.486-1.25-.713c-.134%201.606-.666%203.247-1.501%204.682c-.973%201.672-2.418%203.167-4.269%203.974a4.26%204.26%200%200%201-3.394%200c-1.851-.807-3.296-2.302-4.269-3.974A11.5%2011.5%200%200%201%204.7%209.658c-.383-.057-.676-.028-.93.113a1.5%201.5%200%200%200-.28.203C3%2010.42%203%2011.249%203%2012.908v4.93c0%201.043%200%201.565.283%201.958s.778.558%201.768.888l.384.128c1.577.525%202.365.788%203.172.79q.364%200%20.726-.052c.798-.115%201.548-.49%203.048-1.24c1.149-.575%201.724-.862%202.334-.995q.321-.07.65-.098c.623-.052%201.25.053%202.507.262c1.273.212%201.91.318%202.375.051q.239-.137.413-.35c.34-.415.34-1.06.34-2.35%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%22M21%2016.83v-5.667c0-1.044%200-1.566-.283-1.959c-.229-.317-.596-.486-1.25-.713c-.134%201.606-.666%203.247-1.501%204.682c-.973%201.672-2.418%203.167-4.269%203.974a4.26%204.26%200%200%201-3.394%200c-1.851-.807-3.296-2.302-4.269-3.974A11.5%2011.5%200%200%201%204.7%209.658c-.383-.057-.676-.028-.93.113a1.5%201.5%200%200%200-.28.203C3%2010.42%203%2011.249%203%2012.908v4.93c0%201.043%200%201.565.283%201.958s.778.558%201.768.888l.384.128c1.577.525%202.365.788%203.172.79q.364%200%20.726-.052c.798-.115%201.548-.49%203.048-1.24c1.149-.575%201.724-.862%202.334-.995q.321-.07.65-.098c.623-.052%201.25.053%202.507.262c1.273.212%201.91.318%202.375.051q.239-.137.413-.35c.34-.415.34-1.06.34-2.35%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-filled.svg?color=%231a73e8&size=48
