hand left icon

hand-left from IconPark Outline by ByteDance · Outline · Hands · Apache-2.0 Free for personal and commercial use.

Name: hand-left
Set: IconPark Outline
Style: Outline
Category: Hands
Viewbox: 48×48
License: Apache 2.0

The same icon in other sets

hand-leftBoxIcons v2 Solid hand-left-16-filledFluent UI System Icons hand-leftIconPark hand-leftIconPark Solid hand-leftIconPark TwoTone hand-leftIonIcons hand-leftMaterial Design Icons

More hands icons from IconPark Outline

bad bad-one bad-two bless bye clap click-tap click-tap-two come concept-sharing cool delivery easy empty fingerprint fingerprint-three fingerprint-two first fist five five-five flirt four four-four

Use the hand left icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="4"><path d="M44 41V19h-6v22z"/><path d="M38 19Q27.343 9.145 25.643 7.7c-1.7-1.446-3.62-.839-3.62 2.779s5.263 5.765 5.263 8.521q.006.026-20.282.003A3 3 0 0 0 4 22.002v.003a3.004 3.004 0 0 0 3.004 3.005h7.013q1.81 11.952 1.997 12.999C16.202 39.054 17.2 41 20.068 41H38z" clip-rule="evenodd"/></g></svg>

React

import type { SVGProps } from "react";

export function IconParkOutlineHandLeft(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="4"><path d="M44 41V19h-6v22z"/><path d="M38 19Q27.343 9.145 25.643 7.7c-1.7-1.446-3.62-.839-3.62 2.779s5.263 5.765 5.263 8.521q.006.026-20.282.003A3 3 0 0 0 4 22.002v.003a3.004 3.004 0 0 0 3.004 3.005h7.013q1.81 11.952 1.997 12.999C16.202 39.054 17.2 41 20.068 41H38z" clipRule="evenodd"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="4"><path d="M44 41V19h-6v22z"/><path d="M38 19Q27.343 9.145 25.643 7.7c-1.7-1.446-3.62-.839-3.62 2.779s5.263 5.765 5.263 8.521q.006.026-20.282.003A3 3 0 0 0 4 22.002v.003a3.004 3.004 0 0 0 3.004 3.005h7.013q1.81 11.952 1.997 12.999C16.202 39.054 17.2 41 20.068 41H38z" clip-rule="evenodd"/></g></svg>
</template>

CSS

.icon-hand-left {
  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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M44%2041V19h-6v22z%22%2F%3E%3Cpath%20d%3D%22M38%2019Q27.343%209.145%2025.643%207.7c-1.7-1.446-3.62-.839-3.62%202.779s5.263%205.765%205.263%208.521q.006.026-20.282.003A3%203%200%200%200%204%2022.002v.003a3.004%203.004%200%200%200%203.004%203.005h7.013q1.81%2011.952%201.997%2012.999C16.202%2039.054%2017.2%2041%2020.068%2041H38z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M44%2041V19h-6v22z%22%2F%3E%3Cpath%20d%3D%22M38%2019Q27.343%209.145%2025.643%207.7c-1.7-1.446-3.62-.839-3.62%202.779s5.263%205.765%205.263%208.521q.006.026-20.282.003A3%203%200%200%200%204%2022.002v.003a3.004%203.004%200%200%200%203.004%203.005h7.013q1.81%2011.952%201.997%2012.999C16.202%2039.054%2017.2%2041%2020.068%2041H38z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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