Gentleface › Layout & interface › hand-off

hand-off icon

Hand off: lower hand, lower raised hand. 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 5.707L1.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.79 10.79C12.783 10.778 12.777 10.766 12.772 10.754C12.714 10.631 12.71 10.503 12.758 10.371C12.919 9.928 13 9.471 13 9L13 5.5C13 5.362 12.951 5.244 12.854 5.146C12.756 5.049 12.638 5 12.5 5C12.362 5 12.244 5.049 12.146 5.146C12.049 5.244 12 5.362 12 5.5L12 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 3.5C11 3.362 10.951 3.244 10.854 3.146C10.756 3.049 10.638 3 10.5 3C10.362 3 10.244 3.049 10.146 3.146C10.049 3.244 10 3.362 10 3.5L10 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 2.5C9 2.362 8.951 2.244 8.854 2.146C8.756 2.049 8.638 2 8.5 2C8.362 2 8.244 2.049 8.146 2.146C8.049 2.244 8 2.362 8 2.5L8 4.5C8 4.641 7.952 4.759 7.856 4.856C7.759 4.952 7.641 5 7.5 5C7.359 5 7.241 4.952 7.144 4.856C7.048 4.759 7 4.641 7 4.5L7 3.5C7 3.362 6.951 3.244 6.854 3.146C6.756 3.049 6.638 3 6.5 3C6.424 3 6.353 3.016 6.285 3.049C6.16 3.108 6.033 3.115 5.902 3.069C5.772 3.023 5.677 2.938 5.618 2.813C5.558 2.689 5.552 2.561 5.598 2.431C5.644 2.301 5.729 2.206 5.854 2.146C6.058 2.049 6.273 2 6.5 2C6.691 2 6.875 2.035 7.052 2.105L7.052 2.105L7.053 2.106C7.067 2.052 7.085 2 7.105 1.948C7.182 1.755 7.293 1.586 7.439 1.439C7.586 1.293 7.755 1.182 7.948 1.105C8.125 1.035 8.309 1 8.5 1C8.691 1 8.875 1.035 9.052 1.105C9.245 1.182 9.414 1.293 9.561 1.439C9.707 1.586 9.818 1.755 9.895 1.948C9.915 2 9.933 2.052 9.947 2.106L9.948 2.105C10.125 2.035 10.309 2 10.5 2C10.691 2 10.875 2.035 11.052 2.105C11.245 2.182 11.414 2.293 11.561 2.439C11.707 2.586 11.818 2.755 11.895 2.948C11.965 3.125 12 3.309 12 3.5L12 4.086C12.161 4.029 12.328 4 12.5 4C12.691 4 12.875 4.035 13.052 4.105C13.245 4.182 13.414 4.293 13.561 4.439C13.707 4.586 13.818 4.755 13.895 4.948C13.965 5.125 14 5.309 14 5.5L14 9C14 9.589 13.899 10.16 13.697 10.713C13.649 10.846 13.563 10.94 13.44 10.998C13.317 11.055 13.189 11.06 13.056 11.012C13.027 11.001 13 10.988 12.974 10.974L12.79 10.79Z"/></svg>

React

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

export function HandOffIcon(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 5.707L1.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.79 10.79C12.783 10.778 12.777 10.766 12.772 10.754C12.714 10.631 12.71 10.503 12.758 10.371C12.919 9.928 13 9.471 13 9L13 5.5C13 5.362 12.951 5.244 12.854 5.146C12.756 5.049 12.638 5 12.5 5C12.362 5 12.244 5.049 12.146 5.146C12.049 5.244 12 5.362 12 5.5L12 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 3.5C11 3.362 10.951 3.244 10.854 3.146C10.756 3.049 10.638 3 10.5 3C10.362 3 10.244 3.049 10.146 3.146C10.049 3.244 10 3.362 10 3.5L10 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 2.5C9 2.362 8.951 2.244 8.854 2.146C8.756 2.049 8.638 2 8.5 2C8.362 2 8.244 2.049 8.146 2.146C8.049 2.244 8 2.362 8 2.5L8 4.5C8 4.641 7.952 4.759 7.856 4.856C7.759 4.952 7.641 5 7.5 5C7.359 5 7.241 4.952 7.144 4.856C7.048 4.759 7 4.641 7 4.5L7 3.5C7 3.362 6.951 3.244 6.854 3.146C6.756 3.049 6.638 3 6.5 3C6.424 3 6.353 3.016 6.285 3.049C6.16 3.108 6.033 3.115 5.902 3.069C5.772 3.023 5.677 2.938 5.618 2.813C5.558 2.689 5.552 2.561 5.598 2.431C5.644 2.301 5.729 2.206 5.854 2.146C6.058 2.049 6.273 2 6.5 2C6.691 2 6.875 2.035 7.052 2.105L7.052 2.105L7.053 2.106C7.067 2.052 7.085 2 7.105 1.948C7.182 1.755 7.293 1.586 7.439 1.439C7.586 1.293 7.755 1.182 7.948 1.105C8.125 1.035 8.309 1 8.5 1C8.691 1 8.875 1.035 9.052 1.105C9.245 1.182 9.414 1.293 9.561 1.439C9.707 1.586 9.818 1.755 9.895 1.948C9.915 2 9.933 2.052 9.947 2.106L9.948 2.105C10.125 2.035 10.309 2 10.5 2C10.691 2 10.875 2.035 11.052 2.105C11.245 2.182 11.414 2.293 11.561 2.439C11.707 2.586 11.818 2.755 11.895 2.948C11.965 3.125 12 3.309 12 3.5L12 4.086C12.161 4.029 12.328 4 12.5 4C12.691 4 12.875 4.035 13.052 4.105C13.245 4.182 13.414 4.293 13.561 4.439C13.707 4.586 13.818 4.755 13.895 4.948C13.965 5.125 14 5.309 14 5.5L14 9C14 9.589 13.899 10.16 13.697 10.713C13.649 10.846 13.563 10.94 13.44 10.998C13.317 11.055 13.189 11.06 13.056 11.012C13.027 11.001 13 10.988 12.974 10.974L12.79 10.79Z" />
    </svg>
  );
}

Vue

Vue: see /icons/hand-off.md

Svelte

Svelte: see /icons/hand-off.md

HTML img

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

CSS

CSS: see /icons/hand-off.md

Data URL

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

Sprite

Sprite: see /icons/hand-off.md

SwiftUI

SwiftUI: see /icons/hand-off.md

Compose

Compose: see /icons/hand-off.md

Android XML

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

Flutter

Flutter: see /icons/hand-off.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. 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.

Meaning

Use it for

lower hand, lower raised hand

Example

Lower raised hand in a meeting

Alternatives

hand: raise a hand (raise-hand)

Also fits

raise hand: lower a raised hand (lower-hand)

Built from

hand + slash

Tags

hand, palm, pan, grab, stop, raise-hand, wave, move-canvas, slash

Category

Layout & interface

Component name

HandOffIcon

History

2026-10-15 added
2026-10-16 base hand redrawn

Family 3

hand hand-grab swipe

More layout & interface icons

apps browser cards checkbox checkbox-indeterminate checkbox-off columns columns-gear cursor cursor-text cursor-user drag-drop grid grip-horizontal grip-vertical hand-pointer · all layout & interface icons

For agents

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

hand-off icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp