map pin simple area icon
map-pin-simple-area-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- map-pin-simple-area-bold
- Set
- Phosphor
- Style
- Bold
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Related icons in Phosphor
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="M116 106.32V176a12 12 0 0 0 24 0v-69.68a44 44 0 1 0-24 0M128 44a20 20 0 1 1-20 20a20 20 0 0 1 20-20m116 132c0 21.59-23.9 34-38.15 39.48C184.86 223.56 157.22 228 128 228c-57.64 0-116-17.86-116-52c0-22.23 26.12-40.2 69.88-48.06a12 12 0 1 1 4.24 23.62C51.93 157.71 36 169.78 36 176c0 4 7.12 11.07 22.77 17.08c18.3 7 42.89 10.92 69.23 10.92s50.93-3.88 69.23-10.92C212.87 187.07 220 180 220 176c0-6.22-15.93-18.29-50.12-24.44a12 12 0 1 1 4.24-23.62C217.88 135.8 244 153.77 244 176"/></svg>
React
import type { SVGProps } from "react";
export function PhMapPinSimpleAreaBold(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="M116 106.32V176a12 12 0 0 0 24 0v-69.68a44 44 0 1 0-24 0M128 44a20 20 0 1 1-20 20a20 20 0 0 1 20-20m116 132c0 21.59-23.9 34-38.15 39.48C184.86 223.56 157.22 228 128 228c-57.64 0-116-17.86-116-52c0-22.23 26.12-40.2 69.88-48.06a12 12 0 1 1 4.24 23.62C51.93 157.71 36 169.78 36 176c0 4 7.12 11.07 22.77 17.08c18.3 7 42.89 10.92 69.23 10.92s50.93-3.88 69.23-10.92C212.87 187.07 220 180 220 176c0-6.22-15.93-18.29-50.12-24.44a12 12 0 1 1 4.24-23.62C217.88 135.8 244 153.77 244 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="M116 106.32V176a12 12 0 0 0 24 0v-69.68a44 44 0 1 0-24 0M128 44a20 20 0 1 1-20 20a20 20 0 0 1 20-20m116 132c0 21.59-23.9 34-38.15 39.48C184.86 223.56 157.22 228 128 228c-57.64 0-116-17.86-116-52c0-22.23 26.12-40.2 69.88-48.06a12 12 0 1 1 4.24 23.62C51.93 157.71 36 169.78 36 176c0 4 7.12 11.07 22.77 17.08c18.3 7 42.89 10.92 69.23 10.92s50.93-3.88 69.23-10.92C212.87 187.07 220 180 220 176c0-6.22-15.93-18.29-50.12-24.44a12 12 0 1 1 4.24-23.62C217.88 135.8 244 153.77 244 176"/></svg> </template>
CSS
.icon-map-pin-simple-area-bold {
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%22M116%20106.32V176a12%2012%200%200%200%2024%200v-69.68a44%2044%200%201%200-24%200M128%2044a20%2020%200%201%201-20%2020a20%2020%200%200%201%2020-20m116%20132c0%2021.59-23.9%2034-38.15%2039.48C184.86%20223.56%20157.22%20228%20128%20228c-57.64%200-116-17.86-116-52c0-22.23%2026.12-40.2%2069.88-48.06a12%2012%200%201%201%204.24%2023.62C51.93%20157.71%2036%20169.78%2036%20176c0%204%207.12%2011.07%2022.77%2017.08c18.3%207%2042.89%2010.92%2069.23%2010.92s50.93-3.88%2069.23-10.92C212.87%20187.07%20220%20180%20220%20176c0-6.22-15.93-18.29-50.12-24.44a12%2012%200%201%201%204.24-23.62C217.88%20135.8%20244%20153.77%20244%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%22M116%20106.32V176a12%2012%200%200%200%2024%200v-69.68a44%2044%200%201%200-24%200M128%2044a20%2020%200%201%201-20%2020a20%2020%200%200%201%2020-20m116%20132c0%2021.59-23.9%2034-38.15%2039.48C184.86%20223.56%20157.22%20228%20128%20228c-57.64%200-116-17.86-116-52c0-22.23%2026.12-40.2%2069.88-48.06a12%2012%200%201%201%204.24%2023.62C51.93%20157.71%2036%20169.78%2036%20176c0%204%207.12%2011.07%2022.77%2017.08c18.3%207%2042.89%2010.92%2069.23%2010.92s50.93-3.88%2069.23-10.92C212.87%20187.07%20220%20180%20220%20176c0-6.22-15.93-18.29-50.12-24.44a12%2012%200%201%201%204.24-23.62C217.88%20135.8%20244%20153.77%20244%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-bold.svg?color=%231a73e8&size=48
