point on map perspective icon
point-on-map-perspective-bold-duotone from Solar by 480 Design · Bold Duotone · Map · CC-BY-4.0 Attribution required.
- Name
- point-on-map-perspective-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- Category
- Map
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More map icons from Solar
branching-paths-down-boldbranching-paths-up-boldcompass-big-boldcompass-boldcompass-square-boldglobal-boldglobe-boldgps-boldmap-arrow-down-boldmap-arrow-left-boldmap-arrow-right-boldmap-arrow-square-boldmap-arrow-up-boldmap-boldmap-point-add-boldmap-point-boldmap-point-favorite-boldmap-point-hospital-boldmap-point-remove-boldmap-point-rotate-boldmap-point-school-boldmap-point-search-boldmap-point-wave-boldpeople-nearby-bold
Use the point on map perspective icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M22.0001 16C22.0001 13.1716 22.0001 11.7574 21.1214 10.8787C20.6315 10.3888 19.9752 10.172 19.0001 10.0761C18.1668 10.0507 16.2001 10 15.0001 10H8.00007C5.95519 10 4.64951 10 3.75098 10.332L21.6868 20.1968C22.0001 19.3 22.0001 18.0055 22.0001 16Z" opacity=".5"/><path d="M10.7576 15.8979L2.51112 11.3623C2 12.2636 2 13.6392 2 16.0002C2 18.6659 2 20.0754 2.73557 20.9644L10.7576 15.8979Z"/><path d="M8.00004 22.0002H16C18.4823 22.0002 19.8753 22.0002 20.773 21.4063L12.2591 16.7236L4.21582 21.8036C5.08709 22.0002 6.28296 22.0002 8.00004 22.0002Z"/><path d="M17 2C15.3431 2 14 3.34315 14 5C14 6.39788 14.9561 7.57246 16.25 7.90549L16.25 13C16.25 13.4142 16.5858 13.75 17 13.75C17.4142 13.75 17.75 13.4142 17.75 13V7.90549C19.0439 7.57245 20 6.39788 20 5C20 3.34315 18.6569 2 17 2Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarPointOnMapPerspectiveBoldDuotone(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="M22.0001 16C22.0001 13.1716 22.0001 11.7574 21.1214 10.8787C20.6315 10.3888 19.9752 10.172 19.0001 10.0761C18.1668 10.0507 16.2001 10 15.0001 10H8.00007C5.95519 10 4.64951 10 3.75098 10.332L21.6868 20.1968C22.0001 19.3 22.0001 18.0055 22.0001 16Z" opacity=".5"/><path d="M10.7576 15.8979L2.51112 11.3623C2 12.2636 2 13.6392 2 16.0002C2 18.6659 2 20.0754 2.73557 20.9644L10.7576 15.8979Z"/><path d="M8.00004 22.0002H16C18.4823 22.0002 19.8753 22.0002 20.773 21.4063L12.2591 16.7236L4.21582 21.8036C5.08709 22.0002 6.28296 22.0002 8.00004 22.0002Z"/><path d="M17 2C15.3431 2 14 3.34315 14 5C14 6.39788 14.9561 7.57246 16.25 7.90549L16.25 13C16.25 13.4142 16.5858 13.75 17 13.75C17.4142 13.75 17.75 13.4142 17.75 13V7.90549C19.0439 7.57245 20 6.39788 20 5C20 3.34315 18.6569 2 17 2Z"/></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="M22.0001 16C22.0001 13.1716 22.0001 11.7574 21.1214 10.8787C20.6315 10.3888 19.9752 10.172 19.0001 10.0761C18.1668 10.0507 16.2001 10 15.0001 10H8.00007C5.95519 10 4.64951 10 3.75098 10.332L21.6868 20.1968C22.0001 19.3 22.0001 18.0055 22.0001 16Z" opacity=".5"/><path d="M10.7576 15.8979L2.51112 11.3623C2 12.2636 2 13.6392 2 16.0002C2 18.6659 2 20.0754 2.73557 20.9644L10.7576 15.8979Z"/><path d="M8.00004 22.0002H16C18.4823 22.0002 19.8753 22.0002 20.773 21.4063L12.2591 16.7236L4.21582 21.8036C5.08709 22.0002 6.28296 22.0002 8.00004 22.0002Z"/><path d="M17 2C15.3431 2 14 3.34315 14 5C14 6.39788 14.9561 7.57246 16.25 7.90549L16.25 13C16.25 13.4142 16.5858 13.75 17 13.75C17.4142 13.75 17.75 13.4142 17.75 13V7.90549C19.0439 7.57245 20 6.39788 20 5C20 3.34315 18.6569 2 17 2Z"/></g></svg> </template>
CSS
.icon-point-on-map-perspective-bold-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%22M22.0001%2016C22.0001%2013.1716%2022.0001%2011.7574%2021.1214%2010.8787C20.6315%2010.3888%2019.9752%2010.172%2019.0001%2010.0761C18.1668%2010.0507%2016.2001%2010%2015.0001%2010H8.00007C5.95519%2010%204.64951%2010%203.75098%2010.332L21.6868%2020.1968C22.0001%2019.3%2022.0001%2018.0055%2022.0001%2016Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M10.7576%2015.8979L2.51112%2011.3623C2%2012.2636%202%2013.6392%202%2016.0002C2%2018.6659%202%2020.0754%202.73557%2020.9644L10.7576%2015.8979Z%22%2F%3E%3Cpath%20d%3D%22M8.00004%2022.0002H16C18.4823%2022.0002%2019.8753%2022.0002%2020.773%2021.4063L12.2591%2016.7236L4.21582%2021.8036C5.08709%2022.0002%206.28296%2022.0002%208.00004%2022.0002Z%22%2F%3E%3Cpath%20d%3D%22M17%202C15.3431%202%2014%203.34315%2014%205C14%206.39788%2014.9561%207.57246%2016.25%207.90549L16.25%2013C16.25%2013.4142%2016.5858%2013.75%2017%2013.75C17.4142%2013.75%2017.75%2013.4142%2017.75%2013V7.90549C19.0439%207.57245%2020%206.39788%2020%205C20%203.34315%2018.6569%202%2017%202Z%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%22M22.0001%2016C22.0001%2013.1716%2022.0001%2011.7574%2021.1214%2010.8787C20.6315%2010.3888%2019.9752%2010.172%2019.0001%2010.0761C18.1668%2010.0507%2016.2001%2010%2015.0001%2010H8.00007C5.95519%2010%204.64951%2010%203.75098%2010.332L21.6868%2020.1968C22.0001%2019.3%2022.0001%2018.0055%2022.0001%2016Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M10.7576%2015.8979L2.51112%2011.3623C2%2012.2636%202%2013.6392%202%2016.0002C2%2018.6659%202%2020.0754%202.73557%2020.9644L10.7576%2015.8979Z%22%2F%3E%3Cpath%20d%3D%22M8.00004%2022.0002H16C18.4823%2022.0002%2019.8753%2022.0002%2020.773%2021.4063L12.2591%2016.7236L4.21582%2021.8036C5.08709%2022.0002%206.28296%2022.0002%208.00004%2022.0002Z%22%2F%3E%3Cpath%20d%3D%22M17%202C15.3431%202%2014%203.34315%2014%205C14%206.39788%2014.9561%207.57246%2016.25%207.90549L16.25%2013C16.25%2013.4142%2016.5858%2013.75%2017%2013.75C17.4142%2013.75%2017.75%2013.4142%2017.75%2013V7.90549C19.0439%207.57245%2020%206.39788%2020%205C20%203.34315%2018.6569%202%2017%202Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/point-on-map-perspective-bold-duotone.svg?color=%231a73e8&size=48
