map pin off icon

map-pin-off from Keyline Icons by Keyline Icons · Stroke · MIT Free for personal and commercial use.

Name: map-pin-off
Set: Keyline Icons
Style: Stroke
Viewbox: 24×24
License: MIT

7 other variants in Keyline Icons

map-pin-off-duotone map-pin-off-fill map-pin-off-sharp map-pin-off-sharp-duotone map-pin-off-sharp-fill map-pin-off-sharp-two-tone map-pin-off-two-tone

The same icon in other sets

map-pin-offHuge Icons map-pin-offLucide map-pin-offMyna UI Icons map-pin-offTabler Icons

Related icons in Keyline Icons

map-pin map-pin-check map-pin-heart map-pin-minus map-pin-plus map-pin-search map-pin-x

Use the map pin off icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16.7214 16.7214L12 22L6.0372 15.3333C4.7253 13.8666 4 11.9678 4 10C4 8.3017 4.5292 6.7269 5.4317 5.4317M8.4739 2.817C9.5376 2.2938 10.7345 2 12 2C16.4183 2 20 5.5817 20 10C20 11.2316 19.7159 12.4362 19.1816 13.5248M12.8715 12.8715C12.5957 12.9551 12.3031 13 12 13C10.3431 13 9 11.6569 9 10C9 9.6969 9.0449 9.4043 9.1285 9.1285M12.7518 7.095C13.8046 7.3666 14.6334 8.1954 14.905 9.2482M2 2L22 22"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsMapPinOff(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M16.7214 16.7214L12 22L6.0372 15.3333C4.7253 13.8666 4 11.9678 4 10C4 8.3017 4.5292 6.7269 5.4317 5.4317M8.4739 2.817C9.5376 2.2938 10.7345 2 12 2C16.4183 2 20 5.5817 20 10C20 11.2316 19.7159 12.4362 19.1816 13.5248M12.8715 12.8715C12.5957 12.9551 12.3031 13 12 13C10.3431 13 9 11.6569 9 10C9 9.6969 9.0449 9.4043 9.1285 9.1285M12.7518 7.095C13.8046 7.3666 14.6334 8.1954 14.905 9.2482M2 2L22 22"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16.7214 16.7214L12 22L6.0372 15.3333C4.7253 13.8666 4 11.9678 4 10C4 8.3017 4.5292 6.7269 5.4317 5.4317M8.4739 2.817C9.5376 2.2938 10.7345 2 12 2C16.4183 2 20 5.5817 20 10C20 11.2316 19.7159 12.4362 19.1816 13.5248M12.8715 12.8715C12.5957 12.9551 12.3031 13 12 13C10.3431 13 9 11.6569 9 10C9 9.6969 9.0449 9.4043 9.1285 9.1285M12.7518 7.095C13.8046 7.3666 14.6334 8.1954 14.905 9.2482M2 2L22 22"/></svg>
</template>

CSS

.icon-map-pin-off {
  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%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M16.7214%2016.7214L12%2022L6.0372%2015.3333C4.7253%2013.8666%204%2011.9678%204%2010C4%208.3017%204.5292%206.7269%205.4317%205.4317M8.4739%202.817C9.5376%202.2938%2010.7345%202%2012%202C16.4183%202%2020%205.5817%2020%2010C20%2011.2316%2019.7159%2012.4362%2019.1816%2013.5248M12.8715%2012.8715C12.5957%2012.9551%2012.3031%2013%2012%2013C10.3431%2013%209%2011.6569%209%2010C9%209.6969%209.0449%209.4043%209.1285%209.1285M12.7518%207.095C13.8046%207.3666%2014.6334%208.1954%2014.905%209.2482M2%202L22%2022%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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M16.7214%2016.7214L12%2022L6.0372%2015.3333C4.7253%2013.8666%204%2011.9678%204%2010C4%208.3017%204.5292%206.7269%205.4317%205.4317M8.4739%202.817C9.5376%202.2938%2010.7345%202%2012%202C16.4183%202%2020%205.5817%2020%2010C20%2011.2316%2019.7159%2012.4362%2019.1816%2013.5248M12.8715%2012.8715C12.5957%2012.9551%2012.3031%2013%2012%2013C10.3431%2013%209%2011.6569%209%2010C9%209.6969%209.0449%209.4043%209.1285%209.1285M12.7518%207.095C13.8046%207.3666%2014.6334%208.1954%2014.905%209.2482M2%202L22%2022%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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