map marker off icon

map-marker-off-outline from Material Design Icons by Pictogrammers · Outline · Geographic Information System · Apache-2.0 Free for personal and commercial use.

Name: map-marker-off-outline
Set: Material Design Icons
Style: Outline
Category: Geographic Information System
Viewbox: 24×24
License: Apache 2.0
Aliases: location-off-outline

1 other variant in Material Design Icons

map-marker-off

The same icon in other sets

map-marker-offMaterial Line Icons

More geographic information system icons from Material Design Icons

Use the map marker off icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20 19.7L3.3 3L2 4.3l3.2 3.2C5.1 8 5 8.5 5 9c0 5.2 7 13 7 13s1.7-1.9 3.4-4.4l3.4 3.4zm-8-1c-4.6-6.2-5-8.3-5-9.4l6.8 6.8c-.5.8-1.1 1.6-1.8 2.6M8.4 5.6L7 4.2C8.2 2.8 10 2 12 2c3.9 0 7 3.1 7 7c0 1.7-.7 3.6-1.7 5.5L15.8 13C17 10.6 17 9.6 17 9c0-2.8-2.2-5-5-5c-1.4 0-2.7.6-3.6 1.6m3.6.9c1.4 0 2.5 1.1 2.5 2.5c0 .7-.3 1.4-.8 1.9l-3.5-3.5c.4-.6 1.1-.9 1.8-.9"/></svg>

React

import type { SVGProps } from "react";

export function MdiMapMarkerOffOutline(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20 19.7L3.3 3L2 4.3l3.2 3.2C5.1 8 5 8.5 5 9c0 5.2 7 13 7 13s1.7-1.9 3.4-4.4l3.4 3.4zm-8-1c-4.6-6.2-5-8.3-5-9.4l6.8 6.8c-.5.8-1.1 1.6-1.8 2.6M8.4 5.6L7 4.2C8.2 2.8 10 2 12 2c3.9 0 7 3.1 7 7c0 1.7-.7 3.6-1.7 5.5L15.8 13C17 10.6 17 9.6 17 9c0-2.8-2.2-5-5-5c-1.4 0-2.7.6-3.6 1.6m3.6.9c1.4 0 2.5 1.1 2.5 2.5c0 .7-.3 1.4-.8 1.9l-3.5-3.5c.4-.6 1.1-.9 1.8-.9"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20 19.7L3.3 3L2 4.3l3.2 3.2C5.1 8 5 8.5 5 9c0 5.2 7 13 7 13s1.7-1.9 3.4-4.4l3.4 3.4zm-8-1c-4.6-6.2-5-8.3-5-9.4l6.8 6.8c-.5.8-1.1 1.6-1.8 2.6M8.4 5.6L7 4.2C8.2 2.8 10 2 12 2c3.9 0 7 3.1 7 7c0 1.7-.7 3.6-1.7 5.5L15.8 13C17 10.6 17 9.6 17 9c0-2.8-2.2-5-5-5c-1.4 0-2.7.6-3.6 1.6m3.6.9c1.4 0 2.5 1.1 2.5 2.5c0 .7-.3 1.4-.8 1.9l-3.5-3.5c.4-.6 1.1-.9 1.8-.9"/></svg>
</template>

CSS

.icon-map-marker-off-outline {
  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%22currentColor%22%20d%3D%22M20%2019.7L3.3%203L2%204.3l3.2%203.2C5.1%208%205%208.5%205%209c0%205.2%207%2013%207%2013s1.7-1.9%203.4-4.4l3.4%203.4zm-8-1c-4.6-6.2-5-8.3-5-9.4l6.8%206.8c-.5.8-1.1%201.6-1.8%202.6M8.4%205.6L7%204.2C8.2%202.8%2010%202%2012%202c3.9%200%207%203.1%207%207c0%201.7-.7%203.6-1.7%205.5L15.8%2013C17%2010.6%2017%209.6%2017%209c0-2.8-2.2-5-5-5c-1.4%200-2.7.6-3.6%201.6m3.6.9c1.4%200%202.5%201.1%202.5%202.5c0%20.7-.3%201.4-.8%201.9l-3.5-3.5c.4-.6%201.1-.9%201.8-.9%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%22currentColor%22%20d%3D%22M20%2019.7L3.3%203L2%204.3l3.2%203.2C5.1%208%205%208.5%205%209c0%205.2%207%2013%207%2013s1.7-1.9%203.4-4.4l3.4%203.4zm-8-1c-4.6-6.2-5-8.3-5-9.4l6.8%206.8c-.5.8-1.1%201.6-1.8%202.6M8.4%205.6L7%204.2C8.2%202.8%2010%202%2012%202c3.9%200%207%203.1%207%207c0%201.7-.7%203.6-1.7%205.5L15.8%2013C17%2010.6%2017%209.6%2017%209c0-2.8-2.2-5-5-5c-1.4%200-2.7.6-3.6%201.6m3.6.9c1.4%200%202.5%201.1%202.5%202.5c0%20.7-.3%201.4-.8%201.9l-3.5-3.5c.4-.6%201.1-.9%201.8-.9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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