map pin simple area icon

map-pin-simple-area-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: map-pin-simple-area-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

map-pin-simple-area map-pin-simple-area-bold map-pin-simple-area-duotone map-pin-simple-area-fill map-pin-simple-area-thin

Related icons in Phosphor

map-pin map-pin-area map-pin-line map-pin-plus map-pin-simple map-pin-simple-line map-trifold

Use the map pin simple area icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M122 101.52V176a6 6 0 0 0 12 0v-74.48a38 38 0 1 0-12 0M128 38a26 26 0 1 1-26 26a26 26 0 0 1 26-26m110 138c0 13.34-12.18 25.38-34.31 33.88C183.38 217.7 156.5 222 128 222s-55.38-4.3-75.69-12.12C30.18 201.38 18 189.34 18 176c0-19.6 26.46-36 69.05-42.86A6 6 0 0 1 89 145c-18 2.89-33.27 7.66-44.09 13.78C35.28 164.2 30 170.32 30 176c0 16.08 40.25 34 98 34s98-17.92 98-34c0-5.68-5.28-11.8-14.86-17.23c-10.82-6.12-26.07-10.89-44.09-13.78a6 6 0 0 1 1.9-11.85C211.54 140 238 156.4 238 176"/></svg>

React

import type { SVGProps } from "react";

export function PhMapPinSimpleAreaLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M122 101.52V176a6 6 0 0 0 12 0v-74.48a38 38 0 1 0-12 0M128 38a26 26 0 1 1-26 26a26 26 0 0 1 26-26m110 138c0 13.34-12.18 25.38-34.31 33.88C183.38 217.7 156.5 222 128 222s-55.38-4.3-75.69-12.12C30.18 201.38 18 189.34 18 176c0-19.6 26.46-36 69.05-42.86A6 6 0 0 1 89 145c-18 2.89-33.27 7.66-44.09 13.78C35.28 164.2 30 170.32 30 176c0 16.08 40.25 34 98 34s98-17.92 98-34c0-5.68-5.28-11.8-14.86-17.23c-10.82-6.12-26.07-10.89-44.09-13.78a6 6 0 0 1 1.9-11.85C211.54 140 238 156.4 238 176"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M122 101.52V176a6 6 0 0 0 12 0v-74.48a38 38 0 1 0-12 0M128 38a26 26 0 1 1-26 26a26 26 0 0 1 26-26m110 138c0 13.34-12.18 25.38-34.31 33.88C183.38 217.7 156.5 222 128 222s-55.38-4.3-75.69-12.12C30.18 201.38 18 189.34 18 176c0-19.6 26.46-36 69.05-42.86A6 6 0 0 1 89 145c-18 2.89-33.27 7.66-44.09 13.78C35.28 164.2 30 170.32 30 176c0 16.08 40.25 34 98 34s98-17.92 98-34c0-5.68-5.28-11.8-14.86-17.23c-10.82-6.12-26.07-10.89-44.09-13.78a6 6 0 0 1 1.9-11.85C211.54 140 238 156.4 238 176"/></svg>
</template>

CSS

.icon-map-pin-simple-area-light {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M122%20101.52V176a6%206%200%200%200%2012%200v-74.48a38%2038%200%201%200-12%200M128%2038a26%2026%200%201%201-26%2026a26%2026%200%200%201%2026-26m110%20138c0%2013.34-12.18%2025.38-34.31%2033.88C183.38%20217.7%20156.5%20222%20128%20222s-55.38-4.3-75.69-12.12C30.18%20201.38%2018%20189.34%2018%20176c0-19.6%2026.46-36%2069.05-42.86A6%206%200%200%201%2089%20145c-18%202.89-33.27%207.66-44.09%2013.78C35.28%20164.2%2030%20170.32%2030%20176c0%2016.08%2040.25%2034%2098%2034s98-17.92%2098-34c0-5.68-5.28-11.8-14.86-17.23c-10.82-6.12-26.07-10.89-44.09-13.78a6%206%200%200%201%201.9-11.85C211.54%20140%20238%20156.4%20238%20176%22%2F%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M122%20101.52V176a6%206%200%200%200%2012%200v-74.48a38%2038%200%201%200-12%200M128%2038a26%2026%200%201%201-26%2026a26%2026%200%200%201%2026-26m110%20138c0%2013.34-12.18%2025.38-34.31%2033.88C183.38%20217.7%20156.5%20222%20128%20222s-55.38-4.3-75.69-12.12C30.18%20201.38%2018%20189.34%2018%20176c0-19.6%2026.46-36%2069.05-42.86A6%206%200%200%201%2089%20145c-18%202.89-33.27%207.66-44.09%2013.78C35.28%20164.2%2030%20170.32%2030%20176c0%2016.08%2040.25%2034%2098%2034s98-17.92%2098-34c0-5.68-5.28-11.8-14.86-17.23c-10.82-6.12-26.07-10.89-44.09-13.78a6%206%200%200%201%201.9-11.85C211.54%20140%20238%20156.4%20238%20176%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/map-pin-simple-area-light.svg?color=%231a73e8&size=48