map-off icon

Map off: hide map, map unavailable, maps off. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L12.068 12.775L10.618 13.5C10.266 13.676 9.893 13.764 9.5 13.764C9.107 13.764 8.734 13.676 8.382 13.5L6.171 12.394C5.96 12.289 5.736 12.236 5.5 12.236C5.264 12.236 5.04 12.289 4.829 12.394L3.724 12.947C3.453 13.083 3.166 13.149 2.863 13.146C2.514 13.142 2.19 13.049 1.893 12.865C1.595 12.681 1.367 12.433 1.207 12.122C1.069 11.853 1 11.567 1 11.264L1 4.427C1 4.048 1.1 3.698 1.299 3.376C1.475 3.09 1.706 2.865 1.992 2.699L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM11.323 12.03L10 10.707L10 12.679C10.058 12.658 10.115 12.634 10.171 12.606L11.323 12.03ZM9 9.707L6 6.707L6 11.286C6.213 11.329 6.419 11.4 6.618 11.5L8.829 12.606C8.885 12.634 8.942 12.658 9 12.679L9 9.707ZM5 5.707L2.735 3.442L2.553 3.533C2.383 3.617 2.249 3.74 2.149 3.901C2.05 4.062 2 4.238 2 4.427L2 11.264C2 11.406 2.032 11.54 2.097 11.666C2.172 11.812 2.279 11.928 2.418 12.014C2.558 12.1 2.709 12.144 2.873 12.146C3.015 12.147 3.15 12.116 3.276 12.053L4.382 11.5C4.581 11.4 4.787 11.329 5 11.286L5 5.707ZM4.167 2.167C4.166 2.166 4.166 2.165 4.166 2.165C4.104 2.041 4.096 1.914 4.14 1.783C4.185 1.652 4.269 1.556 4.392 1.495C4.743 1.321 5.114 1.235 5.506 1.236C5.897 1.237 6.268 1.325 6.618 1.5L8.829 2.606C9.04 2.711 9.264 2.764 9.5 2.764C9.736 2.764 9.96 2.711 10.171 2.606L11.276 2.053C11.547 1.917 11.834 1.851 12.137 1.854C12.486 1.858 12.81 1.951 13.107 2.135C13.405 2.319 13.633 2.567 13.793 2.878C13.931 3.147 14 3.433 14 3.736L14 10.573C14 10.678 13.992 10.782 13.975 10.886C13.953 11.025 13.887 11.134 13.777 11.214C13.667 11.294 13.543 11.323 13.403 11.301C13.35 11.293 13.301 11.278 13.257 11.257L13.03 11.03C12.985 10.939 12.97 10.839 12.988 10.729C12.996 10.677 13 10.625 13 10.573L13 3.736C13 3.594 12.968 3.46 12.903 3.334C12.828 3.188 12.721 3.072 12.582 2.986C12.442 2.9 12.291 2.856 12.127 2.854C11.985 2.853 11.85 2.884 11.724 2.947L10.618 3.5C10.419 3.6 10.213 3.671 10 3.714L10 6.5C10 6.641 9.952 6.759 9.856 6.856C9.759 6.952 9.641 7 9.5 7C9.359 7 9.241 6.952 9.144 6.856C9.048 6.759 9 6.641 9 6.5L9 3.714C8.787 3.671 8.581 3.6 8.382 3.5L6.171 2.394C6.115 2.366 6.058 2.342 6 2.322L6 2.5C6 2.641 5.952 2.759 5.856 2.856C5.759 2.952 5.641 3 5.5 3C5.359 3 5.241 2.952 5.144 2.856C5.048 2.759 5 2.641 5 2.5L5 2.322C4.944 2.341 4.889 2.365 4.835 2.391C4.712 2.452 4.584 2.461 4.454 2.417C4.432 2.409 4.411 2.401 4.391 2.391L4.167 2.167Z"/></svg>

React

// Gentleface "map-off" (line-round), MIT. https://gentleface.com/icons/map-off
import type { SVGProps } from 'react';

export function MapOffIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L12.068 12.775L10.618 13.5C10.266 13.676 9.893 13.764 9.5 13.764C9.107 13.764 8.734 13.676 8.382 13.5L6.171 12.394C5.96 12.289 5.736 12.236 5.5 12.236C5.264 12.236 5.04 12.289 4.829 12.394L3.724 12.947C3.453 13.083 3.166 13.149 2.863 13.146C2.514 13.142 2.19 13.049 1.893 12.865C1.595 12.681 1.367 12.433 1.207 12.122C1.069 11.853 1 11.567 1 11.264L1 4.427C1 4.048 1.1 3.698 1.299 3.376C1.475 3.09 1.706 2.865 1.992 2.699L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM11.323 12.03L10 10.707L10 12.679C10.058 12.658 10.115 12.634 10.171 12.606L11.323 12.03ZM9 9.707L6 6.707L6 11.286C6.213 11.329 6.419 11.4 6.618 11.5L8.829 12.606C8.885 12.634 8.942 12.658 9 12.679L9 9.707ZM5 5.707L2.735 3.442L2.553 3.533C2.383 3.617 2.249 3.74 2.149 3.901C2.05 4.062 2 4.238 2 4.427L2 11.264C2 11.406 2.032 11.54 2.097 11.666C2.172 11.812 2.279 11.928 2.418 12.014C2.558 12.1 2.709 12.144 2.873 12.146C3.015 12.147 3.15 12.116 3.276 12.053L4.382 11.5C4.581 11.4 4.787 11.329 5 11.286L5 5.707ZM4.167 2.167C4.166 2.166 4.166 2.165 4.166 2.165C4.104 2.041 4.096 1.914 4.14 1.783C4.185 1.652 4.269 1.556 4.392 1.495C4.743 1.321 5.114 1.235 5.506 1.236C5.897 1.237 6.268 1.325 6.618 1.5L8.829 2.606C9.04 2.711 9.264 2.764 9.5 2.764C9.736 2.764 9.96 2.711 10.171 2.606L11.276 2.053C11.547 1.917 11.834 1.851 12.137 1.854C12.486 1.858 12.81 1.951 13.107 2.135C13.405 2.319 13.633 2.567 13.793 2.878C13.931 3.147 14 3.433 14 3.736L14 10.573C14 10.678 13.992 10.782 13.975 10.886C13.953 11.025 13.887 11.134 13.777 11.214C13.667 11.294 13.543 11.323 13.403 11.301C13.35 11.293 13.301 11.278 13.257 11.257L13.03 11.03C12.985 10.939 12.97 10.839 12.988 10.729C12.996 10.677 13 10.625 13 10.573L13 3.736C13 3.594 12.968 3.46 12.903 3.334C12.828 3.188 12.721 3.072 12.582 2.986C12.442 2.9 12.291 2.856 12.127 2.854C11.985 2.853 11.85 2.884 11.724 2.947L10.618 3.5C10.419 3.6 10.213 3.671 10 3.714L10 6.5C10 6.641 9.952 6.759 9.856 6.856C9.759 6.952 9.641 7 9.5 7C9.359 7 9.241 6.952 9.144 6.856C9.048 6.759 9 6.641 9 6.5L9 3.714C8.787 3.671 8.581 3.6 8.382 3.5L6.171 2.394C6.115 2.366 6.058 2.342 6 2.322L6 2.5C6 2.641 5.952 2.759 5.856 2.856C5.759 2.952 5.641 3 5.5 3C5.359 3 5.241 2.952 5.144 2.856C5.048 2.759 5 2.641 5 2.5L5 2.322C4.944 2.341 4.889 2.365 4.835 2.391C4.712 2.452 4.584 2.461 4.454 2.417C4.432 2.409 4.411 2.401 4.391 2.391L4.167 2.167Z" />
    </svg>
  );
}

Vue

Vue: see /icons/map-off.md

Svelte

Svelte: see /icons/map-off.md

HTML img

HTML img: see /icons/map-off.md

CSS

CSS: see /icons/map-off.md

Data URL

Data URL: see /icons/map-off.md

Sprite

Sprite: see /icons/map-off.md

SwiftUI

SwiftUI: see /icons/map-off.md

Compose

Compose: see /icons/map-off.md

Android XML

Android XML: see /icons/map-off.md

Flutter

Flutter: see /icons/map-off.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

With npm: import { MapOffIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

hide map, map unavailable, maps off

Example

Listing search: hide map, show list only

Built from

map + slash

Tags

map, atlas, navigation, route, directions, slash

Category

Maps & places

Component name

MapOffIcon

History

2026-11-06 added, released in 0.4.0

Since

version 0.4.0

Family 9

map map-arrow-down map-gear map-lock map-pencil map-pinned map-plus map-sync map-x

More maps & places icons

altitude binoculars bridge compass compass-off crosshair flag flag-alert flag-check flag-checkered flag-clock flag-off flag-pencil flag-plus flag-swallowtail footprints · all maps & places icons

For agents

Metadata: /icons/map-off.json · Markdown: /icons/map-off.md · SVG: https://gentleface.com/svg/{style}/16/map-off.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/map-off.png

map-off icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp