hand tap icon

hand-tap-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.

Name: hand-tap-thin
Set: Phosphor
Style: Thin
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

hand-tap hand-tap-bold hand-tap-duotone hand-tap-fill hand-tap-light

Related icons in Phosphor

hand-arrow-down hand-arrow-up hand-coins hand-deposit hand-eye hand-fist hand-grabbing hand-heart hand-palm hand-peace hand-pointing hand-soap hand-swipe-left hand-swipe-right hand-waving hand-withdraw

Use the hand tap icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M60 76a56 56 0 0 1 112 0a4 4 0 0 1-8 0a48 48 0 0 0-96 0a4 4 0 1 1-8 0m136 48a23.88 23.88 0 0 0-16.07 6.19A24 24 0 0 0 140 114.13V76a24 24 0 0 0-48 0v94l-11.26-18.06A24 24 0 0 0 39.22 176l29.32 50a4 4 0 0 0 6.9-4l-29.31-50a16 16 0 0 1 27.72-16l.07.12l18.68 30A4 4 0 0 0 100 184V76a16 16 0 0 1 32 0v68a4 4 0 0 0 8 0v-12a16 16 0 0 1 32 0v20a4 4 0 0 0 8 0v-4a16 16 0 0 1 32 0v36c0 22.66-7.51 38.06-7.58 38.21a4 4 0 0 0 1.79 5.37a4.05 4.05 0 0 0 1.79.42a4 4 0 0 0 3.58-2.21c.34-.69 8.42-17.13 8.42-41.79v-36a24 24 0 0 0-24-24"/></svg>

React

import type { SVGProps } from "react";

export function PhHandTapThin(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M60 76a56 56 0 0 1 112 0a4 4 0 0 1-8 0a48 48 0 0 0-96 0a4 4 0 1 1-8 0m136 48a23.88 23.88 0 0 0-16.07 6.19A24 24 0 0 0 140 114.13V76a24 24 0 0 0-48 0v94l-11.26-18.06A24 24 0 0 0 39.22 176l29.32 50a4 4 0 0 0 6.9-4l-29.31-50a16 16 0 0 1 27.72-16l.07.12l18.68 30A4 4 0 0 0 100 184V76a16 16 0 0 1 32 0v68a4 4 0 0 0 8 0v-12a16 16 0 0 1 32 0v20a4 4 0 0 0 8 0v-4a16 16 0 0 1 32 0v36c0 22.66-7.51 38.06-7.58 38.21a4 4 0 0 0 1.79 5.37a4.05 4.05 0 0 0 1.79.42a4 4 0 0 0 3.58-2.21c.34-.69 8.42-17.13 8.42-41.79v-36a24 24 0 0 0-24-24"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M60 76a56 56 0 0 1 112 0a4 4 0 0 1-8 0a48 48 0 0 0-96 0a4 4 0 1 1-8 0m136 48a23.88 23.88 0 0 0-16.07 6.19A24 24 0 0 0 140 114.13V76a24 24 0 0 0-48 0v94l-11.26-18.06A24 24 0 0 0 39.22 176l29.32 50a4 4 0 0 0 6.9-4l-29.31-50a16 16 0 0 1 27.72-16l.07.12l18.68 30A4 4 0 0 0 100 184V76a16 16 0 0 1 32 0v68a4 4 0 0 0 8 0v-12a16 16 0 0 1 32 0v20a4 4 0 0 0 8 0v-4a16 16 0 0 1 32 0v36c0 22.66-7.51 38.06-7.58 38.21a4 4 0 0 0 1.79 5.37a4.05 4.05 0 0 0 1.79.42a4 4 0 0 0 3.58-2.21c.34-.69 8.42-17.13 8.42-41.79v-36a24 24 0 0 0-24-24"/></svg>
</template>

CSS

.icon-hand-tap-thin {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M60%2076a56%2056%200%200%201%20112%200a4%204%200%200%201-8%200a48%2048%200%200%200-96%200a4%204%200%201%201-8%200m136%2048a23.88%2023.88%200%200%200-16.07%206.19A24%2024%200%200%200%20140%20114.13V76a24%2024%200%200%200-48%200v94l-11.26-18.06A24%2024%200%200%200%2039.22%20176l29.32%2050a4%204%200%200%200%206.9-4l-29.31-50a16%2016%200%200%201%2027.72-16l.07.12l18.68%2030A4%204%200%200%200%20100%20184V76a16%2016%200%200%201%2032%200v68a4%204%200%200%200%208%200v-12a16%2016%200%200%201%2032%200v20a4%204%200%200%200%208%200v-4a16%2016%200%200%201%2032%200v36c0%2022.66-7.51%2038.06-7.58%2038.21a4%204%200%200%200%201.79%205.37a4.05%204.05%200%200%200%201.79.42a4%204%200%200%200%203.58-2.21c.34-.69%208.42-17.13%208.42-41.79v-36a24%2024%200%200%200-24-24%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M60%2076a56%2056%200%200%201%20112%200a4%204%200%200%201-8%200a48%2048%200%200%200-96%200a4%204%200%201%201-8%200m136%2048a23.88%2023.88%200%200%200-16.07%206.19A24%2024%200%200%200%20140%20114.13V76a24%2024%200%200%200-48%200v94l-11.26-18.06A24%2024%200%200%200%2039.22%20176l29.32%2050a4%204%200%200%200%206.9-4l-29.31-50a16%2016%200%200%201%2027.72-16l.07.12l18.68%2030A4%204%200%200%200%20100%20184V76a16%2016%200%200%201%2032%200v68a4%204%200%200%200%208%200v-12a16%2016%200%200%201%2032%200v20a4%204%200%200%200%208%200v-4a16%2016%200%200%201%2032%200v36c0%2022.66-7.51%2038.06-7.58%2038.21a4%204%200%200%200%201.79%205.37a4.05%204.05%200%200%200%201.79.42a4%204%200%200%200%203.58-2.21c.34-.69%208.42-17.13%208.42-41.79v-36a24%2024%200%200%200-24-24%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/hand-tap-thin.svg?color=%231a73e8&size=48