hand left icon

hand-left from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name: hand-left
Set: IonIcons
Style: Regular
Viewbox: 512×512
License: MIT

2 other variants in IonIcons

The same icon in other sets

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

Related icons in IonIcons

hand-right

Use the hand left icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M432.8 211.44c-15.52-8.82-34.91-2.28-43.31 13.68l-41.38 84.41a7 7 0 0 1-8.93 3.43a7 7 0 0 1-4.41-6.52V72c0-13.91-12.85-24-26.77-24s-26 10.09-26 24v156.64A11.24 11.24 0 0 1 271.21 240A11 11 0 0 1 260 229V24c0-13.91-10.94-24-24.86-24S210 10.09 210 24v204.64A11.24 11.24 0 0 1 199.21 240A11 11 0 0 1 188 229V56c0-13.91-12.08-24-26-24s-26 11.09-26 25v187.64A11.24 11.24 0 0 1 125.21 256A11 11 0 0 1 114 245V120c0-13.91-11.08-24-25-24s-25.12 10.22-25 24v216c0 117.41 72 176 160 176h16c88 0 115.71-39.6 136-88l68.71-169c6.62-18 3.6-34.75-11.91-43.56"/></svg>

React

import type { SVGProps } from "react";

export function IonHandLeft(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M432.8 211.44c-15.52-8.82-34.91-2.28-43.31 13.68l-41.38 84.41a7 7 0 0 1-8.93 3.43a7 7 0 0 1-4.41-6.52V72c0-13.91-12.85-24-26.77-24s-26 10.09-26 24v156.64A11.24 11.24 0 0 1 271.21 240A11 11 0 0 1 260 229V24c0-13.91-10.94-24-24.86-24S210 10.09 210 24v204.64A11.24 11.24 0 0 1 199.21 240A11 11 0 0 1 188 229V56c0-13.91-12.08-24-26-24s-26 11.09-26 25v187.64A11.24 11.24 0 0 1 125.21 256A11 11 0 0 1 114 245V120c0-13.91-11.08-24-25-24s-25.12 10.22-25 24v216c0 117.41 72 176 160 176h16c88 0 115.71-39.6 136-88l68.71-169c6.62-18 3.6-34.75-11.91-43.56"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M432.8 211.44c-15.52-8.82-34.91-2.28-43.31 13.68l-41.38 84.41a7 7 0 0 1-8.93 3.43a7 7 0 0 1-4.41-6.52V72c0-13.91-12.85-24-26.77-24s-26 10.09-26 24v156.64A11.24 11.24 0 0 1 271.21 240A11 11 0 0 1 260 229V24c0-13.91-10.94-24-24.86-24S210 10.09 210 24v204.64A11.24 11.24 0 0 1 199.21 240A11 11 0 0 1 188 229V56c0-13.91-12.08-24-26-24s-26 11.09-26 25v187.64A11.24 11.24 0 0 1 125.21 256A11 11 0 0 1 114 245V120c0-13.91-11.08-24-25-24s-25.12 10.22-25 24v216c0 117.41 72 176 160 176h16c88 0 115.71-39.6 136-88l68.71-169c6.62-18 3.6-34.75-11.91-43.56"/></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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M432.8%20211.44c-15.52-8.82-34.91-2.28-43.31%2013.68l-41.38%2084.41a7%207%200%200%201-8.93%203.43a7%207%200%200%201-4.41-6.52V72c0-13.91-12.85-24-26.77-24s-26%2010.09-26%2024v156.64A11.24%2011.24%200%200%201%20271.21%20240A11%2011%200%200%201%20260%20229V24c0-13.91-10.94-24-24.86-24S210%2010.09%20210%2024v204.64A11.24%2011.24%200%200%201%20199.21%20240A11%2011%200%200%201%20188%20229V56c0-13.91-12.08-24-26-24s-26%2011.09-26%2025v187.64A11.24%2011.24%200%200%201%20125.21%20256A11%2011%200%200%201%20114%20245V120c0-13.91-11.08-24-25-24s-25.12%2010.22-25%2024v216c0%20117.41%2072%20176%20160%20176h16c88%200%20115.71-39.6%20136-88l68.71-169c6.62-18%203.6-34.75-11.91-43.56%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M432.8%20211.44c-15.52-8.82-34.91-2.28-43.31%2013.68l-41.38%2084.41a7%207%200%200%201-8.93%203.43a7%207%200%200%201-4.41-6.52V72c0-13.91-12.85-24-26.77-24s-26%2010.09-26%2024v156.64A11.24%2011.24%200%200%201%20271.21%20240A11%2011%200%200%201%20260%20229V24c0-13.91-10.94-24-24.86-24S210%2010.09%20210%2024v204.64A11.24%2011.24%200%200%201%20199.21%20240A11%2011%200%200%201%20188%20229V56c0-13.91-12.08-24-26-24s-26%2011.09-26%2025v187.64A11.24%2011.24%200%200%201%20125.21%20256A11%2011%200%200%201%20114%20245V120c0-13.91-11.08-24-25-24s-25.12%2010.22-25%2024v216c0%20117.41%2072%20176%20160%20176h16c88%200%20115.71-39.6%20136-88l68.71-169c6.62-18%203.6-34.75-11.91-43.56%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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