# navigation-off

The [navigation-off](https://lucide.dev/icons/navigation-off) icon is drawn by the [Lucide](https://lucide.dev) contributors and published under the [ISC license](https://lucide.dev/license). `@sdxc/icons` renders it as `NavigationOffIcon`, from Lucide 1.61.0. If Lucide serves your app, [sponsor it](https://lucide.dev/sponsor).

Tags: location, travel.

## By component

```tsx
import { NavigationOffIcon } from "@sdxc/icons";

<NavigationOffIcon aria-hidden="true" />
```

## By name

```tsx
import { Icon } from "@sdxc/icons";

<Icon name="navigation-off" aria-hidden="true" />
```

## SVG

```html
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-navigation-off" aria-hidden="true">
	<path d="M8.43 8.43 3 11l8 2 2 8 2.57-5.43" />
	<path d="M17.39 11.73 22 2l-9.73 4.61" />
	<line x1="2" x2="22" y1="2" y2="22" />
</svg>
```