gentleface

Gentleface › Layout & interface › hand-pointer-off

hand-pointer-off icon

Hand pointer off: touch disabled, clicks disabled, non interactive. 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.164 12.872C11.759 13.204 11.31 13.466 10.817 13.658C10.233 13.886 9.627 14 9 14L6.5 14C6.362 14 6.244 13.951 6.146 13.854L2.146 9.854C2.049 9.756 2 9.638 2 9.5C2 9.182 2.059 8.875 2.176 8.58C2.303 8.259 2.488 7.976 2.732 7.732C2.976 7.488 3.259 7.303 3.58 7.176C3.875 7.059 4.182 7 4.5 7C4.638 7 4.756 7.049 4.854 7.146L5 7.293L5 6.5C5 6.359 5.048 6.241 5.144 6.144C5.197 6.092 5.256 6.053 5.322 6.03L1.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.453 12.16L6 6.707L6 8.5C6 8.638 5.951 8.756 5.854 8.854C5.754 8.953 5.636 9.003 5.5 9.003C5.364 9.003 5.246 8.953 5.146 8.854L4.305 8.012C4.183 8.028 4.064 8.059 3.948 8.105C3.755 8.182 3.586 8.293 3.439 8.439C3.293 8.586 3.182 8.755 3.105 8.948C3.059 9.064 3.028 9.183 3.012 9.305L6.707 13L9 13C9.502 13 9.986 12.909 10.454 12.727C10.816 12.585 11.149 12.396 11.453 12.16ZM12.774 10.753C12.716 10.628 12.711 10.5 12.758 10.371C12.919 9.928 13 9.471 13 9L13 7.5C13 7.362 12.951 7.244 12.854 7.146C12.756 7.049 12.638 7 12.5 7C12.362 7 12.244 7.049 12.146 7.146C12.049 7.244 12 7.362 12 7.5C12 7.641 11.952 7.759 11.856 7.856C11.759 7.952 11.641 8 11.5 8C11.359 8 11.241 7.952 11.144 7.856C11.048 7.759 11 7.641 11 7.5L11 6.5C11 6.362 10.951 6.244 10.854 6.146C10.756 6.049 10.638 6 10.5 6C10.362 6 10.244 6.049 10.146 6.146C10.049 6.244 10 6.362 10 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 5.5C9 5.362 8.951 5.244 8.854 5.146C8.756 5.049 8.638 5 8.5 5C8.424 5 8.353 5.016 8.285 5.049C8.188 5.095 8.088 5.109 7.984 5.091C7.881 5.074 7.791 5.027 7.715 4.951C7.647 4.984 7.576 5 7.5 5C7.359 5 7.241 4.952 7.144 4.856C7.048 4.759 7 4.641 7 4.5L7 2.5C7 2.362 6.951 2.244 6.854 2.146C6.756 2.049 6.638 2 6.5 2C6.362 2 6.244 2.049 6.146 2.146C6.049 2.244 6 2.362 6 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.5C5 2.309 5.035 2.125 5.105 1.948C5.182 1.755 5.293 1.586 5.439 1.439C5.586 1.293 5.755 1.182 5.948 1.105C6.125 1.035 6.309 1 6.5 1C6.691 1 6.875 1.035 7.052 1.105C7.245 1.182 7.414 1.293 7.561 1.439C7.707 1.586 7.818 1.755 7.895 1.948C7.965 2.125 8 2.309 8 2.5L8 4.086C8.16 4.029 8.327 4 8.5 4C8.691 4 8.875 4.035 9.052 4.105C9.245 4.182 9.414 4.293 9.561 4.439C9.707 4.586 9.818 4.755 9.895 4.948C9.915 5 9.933 5.052 9.947 5.106L9.948 5.105C10.125 5.035 10.309 5 10.5 5C10.691 5 10.875 5.035 11.052 5.105C11.245 5.182 11.414 5.293 11.561 5.439C11.707 5.586 11.818 5.755 11.895 5.948C11.915 6 11.933 6.052 11.947 6.106L11.948 6.105C12.125 6.035 12.309 6 12.5 6C12.691 6 12.875 6.035 13.052 6.105C13.245 6.182 13.414 6.293 13.561 6.439C13.707 6.586 13.818 6.755 13.895 6.948C13.965 7.125 14 7.309 14 7.5L14 9C14 9.589 13.899 10.16 13.697 10.713C13.65 10.843 13.564 10.937 13.439 10.995C13.313 11.053 13.186 11.059 13.056 11.012C13.027 11.001 12.999 10.988 12.973 10.973L12.798 10.798C12.789 10.783 12.782 10.768 12.774 10.753Z"/></svg>
React
// Gentleface "hand-pointer-off" (line-round), MIT. https://gentleface.com/icons/hand-pointer-off
import type { SVGProps } from 'react';

export function HandPointerOffIcon(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.164 12.872C11.759 13.204 11.31 13.466 10.817 13.658C10.233 13.886 9.627 14 9 14L6.5 14C6.362 14 6.244 13.951 6.146 13.854L2.146 9.854C2.049 9.756 2 9.638 2 9.5C2 9.182 2.059 8.875 2.176 8.58C2.303 8.259 2.488 7.976 2.732 7.732C2.976 7.488 3.259 7.303 3.58 7.176C3.875 7.059 4.182 7 4.5 7C4.638 7 4.756 7.049 4.854 7.146L5 7.293L5 6.5C5 6.359 5.048 6.241 5.144 6.144C5.197 6.092 5.256 6.053 5.322 6.03L1.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.453 12.16L6 6.707L6 8.5C6 8.638 5.951 8.756 5.854 8.854C5.754 8.953 5.636 9.003 5.5 9.003C5.364 9.003 5.246 8.953 5.146 8.854L4.305 8.012C4.183 8.028 4.064 8.059 3.948 8.105C3.755 8.182 3.586 8.293 3.439 8.439C3.293 8.586 3.182 8.755 3.105 8.948C3.059 9.064 3.028 9.183 3.012 9.305L6.707 13L9 13C9.502 13 9.986 12.909 10.454 12.727C10.816 12.585 11.149 12.396 11.453 12.16ZM12.774 10.753C12.716 10.628 12.711 10.5 12.758 10.371C12.919 9.928 13 9.471 13 9L13 7.5C13 7.362 12.951 7.244 12.854 7.146C12.756 7.049 12.638 7 12.5 7C12.362 7 12.244 7.049 12.146 7.146C12.049 7.244 12 7.362 12 7.5C12 7.641 11.952 7.759 11.856 7.856C11.759 7.952 11.641 8 11.5 8C11.359 8 11.241 7.952 11.144 7.856C11.048 7.759 11 7.641 11 7.5L11 6.5C11 6.362 10.951 6.244 10.854 6.146C10.756 6.049 10.638 6 10.5 6C10.362 6 10.244 6.049 10.146 6.146C10.049 6.244 10 6.362 10 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 5.5C9 5.362 8.951 5.244 8.854 5.146C8.756 5.049 8.638 5 8.5 5C8.424 5 8.353 5.016 8.285 5.049C8.188 5.095 8.088 5.109 7.984 5.091C7.881 5.074 7.791 5.027 7.715 4.951C7.647 4.984 7.576 5 7.5 5C7.359 5 7.241 4.952 7.144 4.856C7.048 4.759 7 4.641 7 4.5L7 2.5C7 2.362 6.951 2.244 6.854 2.146C6.756 2.049 6.638 2 6.5 2C6.362 2 6.244 2.049 6.146 2.146C6.049 2.244 6 2.362 6 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.5C5 2.309 5.035 2.125 5.105 1.948C5.182 1.755 5.293 1.586 5.439 1.439C5.586 1.293 5.755 1.182 5.948 1.105C6.125 1.035 6.309 1 6.5 1C6.691 1 6.875 1.035 7.052 1.105C7.245 1.182 7.414 1.293 7.561 1.439C7.707 1.586 7.818 1.755 7.895 1.948C7.965 2.125 8 2.309 8 2.5L8 4.086C8.16 4.029 8.327 4 8.5 4C8.691 4 8.875 4.035 9.052 4.105C9.245 4.182 9.414 4.293 9.561 4.439C9.707 4.586 9.818 4.755 9.895 4.948C9.915 5 9.933 5.052 9.947 5.106L9.948 5.105C10.125 5.035 10.309 5 10.5 5C10.691 5 10.875 5.035 11.052 5.105C11.245 5.182 11.414 5.293 11.561 5.439C11.707 5.586 11.818 5.755 11.895 5.948C11.915 6 11.933 6.052 11.947 6.106L11.948 6.105C12.125 6.035 12.309 6 12.5 6C12.691 6 12.875 6.035 13.052 6.105C13.245 6.182 13.414 6.293 13.561 6.439C13.707 6.586 13.818 6.755 13.895 6.948C13.965 7.125 14 7.309 14 7.5L14 9C14 9.589 13.899 10.16 13.697 10.713C13.65 10.843 13.564 10.937 13.439 10.995C13.313 11.053 13.186 11.059 13.056 11.012C13.027 11.001 12.999 10.988 12.973 10.973L12.798 10.798C12.789 10.783 12.782 10.768 12.774 10.753Z" />
    </svg>
  );
}
Vue
Vue: see /icons/hand-pointer-off.md
Svelte
Svelte: see /icons/hand-pointer-off.md
HTML img
HTML img: see /icons/hand-pointer-off.md
CSS
CSS: see /icons/hand-pointer-off.md
Data URL
Data URL: see /icons/hand-pointer-off.md
Sprite
Sprite: see /icons/hand-pointer-off.md
SwiftUI
SwiftUI: see /icons/hand-pointer-off.md
Compose
Compose: see /icons/hand-pointer-off.md
Android XML
Android XML: see /icons/hand-pointer-off.md
Flutter
Flutter: see /icons/hand-pointer-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 { HandPointerOffIcon } from '@gentleface/react'; (setup).

Meaning

Use it for
touch disabled, clicks disabled, non interactive
Example
Touch input locked on a kiosk screen
Built from
hand-pointer + slash
Tags
hand, pointer, pointing, finger, tap, click, link, cursor, touch, clickable, slash
Category
Layout & interface
Component name
HandPointerOffIcon
History
  • added, released in 0.4.0
Since
version 0.4.0

Family 1

More layout & interface icons

For agents

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