point on map perspective icon

point-on-map-perspective-broken from Solar by 480 Design · Broken · Map · CC-BY-4.0 Attribution required.

Name
point-on-map-perspective-broken
Set
Solar
Style
Broken
Category
Map
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

point-on-map-perspective-boldpoint-on-map-perspective-bold-duotonepoint-on-map-perspective-line-duotonepoint-on-map-perspective-linearpoint-on-map-perspective-outline

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="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M2 16C2 18.8284 2 20.2426 2.87868 21.1213C3.75736 22 5.17157 22 8 22H16C18.8284 22 20.2426 22 21.1213 21.1213C22 20.2426 22 18.8284 22 16C22 13.1716 22 11.7574 21.1213 10.8787C20.2426 10 18.8284 10 16 10L8 10C5.17157 10 3.75736 10 2.87868 10.8787C2.57888 11.1785 2.38137 11.5406 2.25125 12"/><path d="M21 21L17.236 18.9089M3 11L14 17.1111"/><path d="M3.5 21L9.85786 17.2601L12 16"/><path d="M17 13L17 8"/><path d="M16.5 2.04148C16.6626 2.0142 16.8296 2 17 2C18.6569 2 20 3.34315 20 5C20 6.65685 18.6569 8 17 8C15.3431 8 14 6.65685 14 5C14 4.82964 14.0142 4.6626 14.0415 4.5"/></g></svg>

React

import type { SVGProps } from "react";

export function SolarPointOnMapPerspectiveBroken(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path d="M2 16C2 18.8284 2 20.2426 2.87868 21.1213C3.75736 22 5.17157 22 8 22H16C18.8284 22 20.2426 22 21.1213 21.1213C22 20.2426 22 18.8284 22 16C22 13.1716 22 11.7574 21.1213 10.8787C20.2426 10 18.8284 10 16 10L8 10C5.17157 10 3.75736 10 2.87868 10.8787C2.57888 11.1785 2.38137 11.5406 2.25125 12"/><path d="M21 21L17.236 18.9089M3 11L14 17.1111"/><path d="M3.5 21L9.85786 17.2601L12 16"/><path d="M17 13L17 8"/><path d="M16.5 2.04148C16.6626 2.0142 16.8296 2 17 2C18.6569 2 20 3.34315 20 5C20 6.65685 18.6569 8 17 8C15.3431 8 14 6.65685 14 5C14 4.82964 14.0142 4.6626 14.0415 4.5"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M2 16C2 18.8284 2 20.2426 2.87868 21.1213C3.75736 22 5.17157 22 8 22H16C18.8284 22 20.2426 22 21.1213 21.1213C22 20.2426 22 18.8284 22 16C22 13.1716 22 11.7574 21.1213 10.8787C20.2426 10 18.8284 10 16 10L8 10C5.17157 10 3.75736 10 2.87868 10.8787C2.57888 11.1785 2.38137 11.5406 2.25125 12"/><path d="M21 21L17.236 18.9089M3 11L14 17.1111"/><path d="M3.5 21L9.85786 17.2601L12 16"/><path d="M17 13L17 8"/><path d="M16.5 2.04148C16.6626 2.0142 16.8296 2 17 2C18.6569 2 20 3.34315 20 5C20 6.65685 18.6569 8 17 8C15.3431 8 14 6.65685 14 5C14 4.82964 14.0142 4.6626 14.0415 4.5"/></g></svg>
</template>

CSS

.icon-point-on-map-perspective-broken {
  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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M2%2016C2%2018.8284%202%2020.2426%202.87868%2021.1213C3.75736%2022%205.17157%2022%208%2022H16C18.8284%2022%2020.2426%2022%2021.1213%2021.1213C22%2020.2426%2022%2018.8284%2022%2016C22%2013.1716%2022%2011.7574%2021.1213%2010.8787C20.2426%2010%2018.8284%2010%2016%2010L8%2010C5.17157%2010%203.75736%2010%202.87868%2010.8787C2.57888%2011.1785%202.38137%2011.5406%202.25125%2012%22%2F%3E%3Cpath%20d%3D%22M21%2021L17.236%2018.9089M3%2011L14%2017.1111%22%2F%3E%3Cpath%20d%3D%22M3.5%2021L9.85786%2017.2601L12%2016%22%2F%3E%3Cpath%20d%3D%22M17%2013L17%208%22%2F%3E%3Cpath%20d%3D%22M16.5%202.04148C16.6626%202.0142%2016.8296%202%2017%202C18.6569%202%2020%203.34315%2020%205C20%206.65685%2018.6569%208%2017%208C15.3431%208%2014%206.65685%2014%205C14%204.82964%2014.0142%204.6626%2014.0415%204.5%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M2%2016C2%2018.8284%202%2020.2426%202.87868%2021.1213C3.75736%2022%205.17157%2022%208%2022H16C18.8284%2022%2020.2426%2022%2021.1213%2021.1213C22%2020.2426%2022%2018.8284%2022%2016C22%2013.1716%2022%2011.7574%2021.1213%2010.8787C20.2426%2010%2018.8284%2010%2016%2010L8%2010C5.17157%2010%203.75736%2010%202.87868%2010.8787C2.57888%2011.1785%202.38137%2011.5406%202.25125%2012%22%2F%3E%3Cpath%20d%3D%22M21%2021L17.236%2018.9089M3%2011L14%2017.1111%22%2F%3E%3Cpath%20d%3D%22M3.5%2021L9.85786%2017.2601L12%2016%22%2F%3E%3Cpath%20d%3D%22M17%2013L17%208%22%2F%3E%3Cpath%20d%3D%22M16.5%202.04148C16.6626%202.0142%2016.8296%202%2017%202C18.6569%202%2020%203.34315%2020%205C20%206.65685%2018.6569%208%2017%208C15.3431%208%2014%206.65685%2014%205C14%204.82964%2014.0142%204.6626%2014.0415%204.5%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-broken.svg?color=%231a73e8&size=48