Hand Click Off icon
Download the Hand Click Off icon as free SVG or PNG. Customize its outline stroke. Copy React, Vue or Svelte code.
- hand
- click
- tap
- touch
- pointer
- cursor
- finger
- no-click
- disabled
- off-state
Size
Stroke
Color
- Category
- people
- Styles
- Outline
- Component
- IconHandClickOff
- License
- MIT · Paweł Kuna
outline/hand-click-off.svgCode
Copy it the way you use it
hand-click-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="M8 13v-5" />
<path d="M8.06 4.077a1.5 1.5 0 0 1 2.94 .423v2.5m0 4v1" />
<path d="M12.063 8.065a1.5 1.5 0 0 1 1.937 1.435v.5" />
<path d="M14.06 10.082a1.5 1.5 0 0 1 2.94 .418v1.5" />
<path d="M17 11.5a1.5 1.5 0 0 1 3 0v4.5m-.88 3.129a6 6 0 0 1 -5.12 2.871h-2h.208a6 6 0 0 1 -5.012 -2.7l-.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47" />
<path d="M3 3l18 18" />
<path d="M4 7h-1" />
<path d="M14 3l1 -1" />
<path d="M15 6h1" />
</svg>Use the Hand Click 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 { IconHandClickOff } from '@tabler/icons-react';
<IconHandClickOff size={24} stroke={2} />Vue example
import { IconHandClickOff } from '@tabler/icons-vue';
<IconHandClickOff :size="24" :stroke="2" />Svelte 5 example
import { IconHandClickOff } from '@tabler/icons-svelte-runes';
<IconHandClickOff size={24} stroke={2} />Related