Target Off icon
Download the Target Off icon as free SVG or PNG. Customize its outline stroke. Copy React, Vue or Svelte code.
- bullseye
- aim
- goal
- focus
- objective
- disabled
- inactive
- goals
- target
- off
Size
Stroke
Color
- Category
- objects
- Styles
- Outline
- Component
- IconTargetOff
- License
- MIT · Paweł Kuna
- Files
-
outline/target-off.svg
Code
Copy it the way you use it
target-off.svg
<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"
>
<path d="M11.286 11.3a1 1 0 0 0 1.41 1.419" />
<path d="M8.44 8.49a5 5 0 0 0 7.098 7.044m1.377 -2.611a5 5 0 0 0 -5.846 -5.836" />
<path d="M5.649 5.623a9 9 0 1 0 12.698 12.758m1.683 -2.313a9 9 0 0 0 -12.076 -12.11" />
<path d="M3 3l18 18" />
</svg> Use the Target Off icon
For a decorative icon beside text, add aria-hidden="true" to the SVG. For an icon-only control, put its accessible name on the button or link.
React example
import { IconTargetOff } from '@tabler/icons-react';
<IconTargetOff size={24} stroke={2} />Read the React guideVue example
import { IconTargetOff } from '@tabler/icons-vue';
<IconTargetOff :size="24" :stroke="2" />Read the Vue guideSvelte 5 example
import { IconTargetOff } from '@tabler/icons-svelte-runes';
<IconTargetOff size={24} stroke={2} />Read the Svelte guideRelated