point on map perspective icon

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

Name
point-on-map-perspective-linear
Set
Solar
Style
Linear
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-brokenpoint-on-map-perspective-line-duotonepoint-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-width="1.5"><path d="M21.1213 21.1213C21.1213 21.1213 21.1213 21.1213 21.1213 21.1213C22 20.2426 22 18.8284 22 16C22 13.1716 22 11.7574 21.1213 10.8787M21.1213 21.1213C20.2426 22 18.8284 22 16 22H8C5.17157 22 3.75736 22 2.87868 21.1213M21.1213 10.8787C20.2426 10 18.8284 10 16 10L8 10C5.17157 10 3.75736 10 2.87868 10.8787M21.1213 10.8787C21.1213 10.8787 21.1213 10.8787 21.1213 10.8787ZM2.87868 10.8787C2 11.7574 2 13.1716 2 16C2 18.8284 2 20.2426 2.87868 21.1213M2.87868 10.8787C2.87868 10.8787 2.87868 10.8787 2.87868 10.8787ZM2.87868 21.1213C2.87868 21.1213 2.87868 21.1213 2.87868 21.1213Z"/><path stroke-linecap="round" d="M21 21L3 11"/><path stroke-linecap="round" d="M3.5 21L12 16"/><circle cx="17" cy="5" r="3"/><path stroke-linecap="round" d="M17 13L17 8"/></g></svg>

React

import type { SVGProps } from "react";

export function SolarPointOnMapPerspectiveLinear(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" strokeWidth="1.5"><path d="M21.1213 21.1213C21.1213 21.1213 21.1213 21.1213 21.1213 21.1213C22 20.2426 22 18.8284 22 16C22 13.1716 22 11.7574 21.1213 10.8787M21.1213 21.1213C20.2426 22 18.8284 22 16 22H8C5.17157 22 3.75736 22 2.87868 21.1213M21.1213 10.8787C20.2426 10 18.8284 10 16 10L8 10C5.17157 10 3.75736 10 2.87868 10.8787M21.1213 10.8787C21.1213 10.8787 21.1213 10.8787 21.1213 10.8787ZM2.87868 10.8787C2 11.7574 2 13.1716 2 16C2 18.8284 2 20.2426 2.87868 21.1213M2.87868 10.8787C2.87868 10.8787 2.87868 10.8787 2.87868 10.8787ZM2.87868 21.1213C2.87868 21.1213 2.87868 21.1213 2.87868 21.1213Z"/><path strokeLinecap="round" d="M21 21L3 11"/><path strokeLinecap="round" d="M3.5 21L12 16"/><circle cx="17" cy="5" r="3"/><path strokeLinecap="round" d="M17 13L17 8"/></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-width="1.5"><path d="M21.1213 21.1213C21.1213 21.1213 21.1213 21.1213 21.1213 21.1213C22 20.2426 22 18.8284 22 16C22 13.1716 22 11.7574 21.1213 10.8787M21.1213 21.1213C20.2426 22 18.8284 22 16 22H8C5.17157 22 3.75736 22 2.87868 21.1213M21.1213 10.8787C20.2426 10 18.8284 10 16 10L8 10C5.17157 10 3.75736 10 2.87868 10.8787M21.1213 10.8787C21.1213 10.8787 21.1213 10.8787 21.1213 10.8787ZM2.87868 10.8787C2 11.7574 2 13.1716 2 16C2 18.8284 2 20.2426 2.87868 21.1213M2.87868 10.8787C2.87868 10.8787 2.87868 10.8787 2.87868 10.8787ZM2.87868 21.1213C2.87868 21.1213 2.87868 21.1213 2.87868 21.1213Z"/><path stroke-linecap="round" d="M21 21L3 11"/><path stroke-linecap="round" d="M3.5 21L12 16"/><circle cx="17" cy="5" r="3"/><path stroke-linecap="round" d="M17 13L17 8"/></g></svg>
</template>

CSS

.icon-point-on-map-perspective-linear {
  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-width%3D%221.5%22%3E%3Cpath%20d%3D%22M21.1213%2021.1213C21.1213%2021.1213%2021.1213%2021.1213%2021.1213%2021.1213C22%2020.2426%2022%2018.8284%2022%2016C22%2013.1716%2022%2011.7574%2021.1213%2010.8787M21.1213%2021.1213C20.2426%2022%2018.8284%2022%2016%2022H8C5.17157%2022%203.75736%2022%202.87868%2021.1213M21.1213%2010.8787C20.2426%2010%2018.8284%2010%2016%2010L8%2010C5.17157%2010%203.75736%2010%202.87868%2010.8787M21.1213%2010.8787C21.1213%2010.8787%2021.1213%2010.8787%2021.1213%2010.8787ZM2.87868%2010.8787C2%2011.7574%202%2013.1716%202%2016C2%2018.8284%202%2020.2426%202.87868%2021.1213M2.87868%2010.8787C2.87868%2010.8787%202.87868%2010.8787%202.87868%2010.8787ZM2.87868%2021.1213C2.87868%2021.1213%202.87868%2021.1213%202.87868%2021.1213Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M21%2021L3%2011%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M3.5%2021L12%2016%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%225%22%20r%3D%223%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M17%2013L17%208%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-width%3D%221.5%22%3E%3Cpath%20d%3D%22M21.1213%2021.1213C21.1213%2021.1213%2021.1213%2021.1213%2021.1213%2021.1213C22%2020.2426%2022%2018.8284%2022%2016C22%2013.1716%2022%2011.7574%2021.1213%2010.8787M21.1213%2021.1213C20.2426%2022%2018.8284%2022%2016%2022H8C5.17157%2022%203.75736%2022%202.87868%2021.1213M21.1213%2010.8787C20.2426%2010%2018.8284%2010%2016%2010L8%2010C5.17157%2010%203.75736%2010%202.87868%2010.8787M21.1213%2010.8787C21.1213%2010.8787%2021.1213%2010.8787%2021.1213%2010.8787ZM2.87868%2010.8787C2%2011.7574%202%2013.1716%202%2016C2%2018.8284%202%2020.2426%202.87868%2021.1213M2.87868%2010.8787C2.87868%2010.8787%202.87868%2010.8787%202.87868%2010.8787ZM2.87868%2021.1213C2.87868%2021.1213%202.87868%2021.1213%202.87868%2021.1213Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M21%2021L3%2011%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M3.5%2021L12%2016%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%225%22%20r%3D%223%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M17%2013L17%208%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-linear.svg?color=%231a73e8&size=48

Point On Map Perspective linear icon — Solar · IconsDB