hand right icon

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

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

2 other variants in IonIcons

The same icon in other sets

hand-rightBoxIcons v2 Solid hand-right-16-filledFluent UI System Icons hand-rightIconPark hand-rightIconPark Outline hand-rightIconPark Solid hand-rightIconPark TwoTone hand-rightMaterial Design Icons

Related icons in IonIcons

hand-left

Use the hand right icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M79.2 211.44c15.52-8.82 34.91-2.28 43.31 13.68l41.38 84.41a7 7 0 0 0 8.93 3.43a7 7 0 0 0 4.41-6.52V72c0-13.91 12.85-24 26.77-24s26 10.09 26 24v156.64A11.24 11.24 0 0 0 240.79 240A11 11 0 0 0 252 229V24c0-13.91 10.94-24 24.86-24S302 10.09 302 24v204.64A11.24 11.24 0 0 0 312.79 240A11 11 0 0 0 324 229V56c0-13.91 12.08-24 26-24s26 11.09 26 25v187.64A11.24 11.24 0 0 0 386.79 256A11 11 0 0 0 398 245V120c0-13.91 11.08-24 25-24s25.12 10.22 25 24v216c0 117.41-72 176-160 176h-16c-88 0-115.71-39.6-136-88L67.33 255c-6.66-18-3.64-34.75 11.87-43.56"/></svg>

React

import type { SVGProps } from "react";

export function IonHandRight(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="M79.2 211.44c15.52-8.82 34.91-2.28 43.31 13.68l41.38 84.41a7 7 0 0 0 8.93 3.43a7 7 0 0 0 4.41-6.52V72c0-13.91 12.85-24 26.77-24s26 10.09 26 24v156.64A11.24 11.24 0 0 0 240.79 240A11 11 0 0 0 252 229V24c0-13.91 10.94-24 24.86-24S302 10.09 302 24v204.64A11.24 11.24 0 0 0 312.79 240A11 11 0 0 0 324 229V56c0-13.91 12.08-24 26-24s26 11.09 26 25v187.64A11.24 11.24 0 0 0 386.79 256A11 11 0 0 0 398 245V120c0-13.91 11.08-24 25-24s25.12 10.22 25 24v216c0 117.41-72 176-160 176h-16c-88 0-115.71-39.6-136-88L67.33 255c-6.66-18-3.64-34.75 11.87-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="M79.2 211.44c15.52-8.82 34.91-2.28 43.31 13.68l41.38 84.41a7 7 0 0 0 8.93 3.43a7 7 0 0 0 4.41-6.52V72c0-13.91 12.85-24 26.77-24s26 10.09 26 24v156.64A11.24 11.24 0 0 0 240.79 240A11 11 0 0 0 252 229V24c0-13.91 10.94-24 24.86-24S302 10.09 302 24v204.64A11.24 11.24 0 0 0 312.79 240A11 11 0 0 0 324 229V56c0-13.91 12.08-24 26-24s26 11.09 26 25v187.64A11.24 11.24 0 0 0 386.79 256A11 11 0 0 0 398 245V120c0-13.91 11.08-24 25-24s25.12 10.22 25 24v216c0 117.41-72 176-160 176h-16c-88 0-115.71-39.6-136-88L67.33 255c-6.66-18-3.64-34.75 11.87-43.56"/></svg>
</template>

CSS

.icon-hand-right {
  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%22M79.2%20211.44c15.52-8.82%2034.91-2.28%2043.31%2013.68l41.38%2084.41a7%207%200%200%200%208.93%203.43a7%207%200%200%200%204.41-6.52V72c0-13.91%2012.85-24%2026.77-24s26%2010.09%2026%2024v156.64A11.24%2011.24%200%200%200%20240.79%20240A11%2011%200%200%200%20252%20229V24c0-13.91%2010.94-24%2024.86-24S302%2010.09%20302%2024v204.64A11.24%2011.24%200%200%200%20312.79%20240A11%2011%200%200%200%20324%20229V56c0-13.91%2012.08-24%2026-24s26%2011.09%2026%2025v187.64A11.24%2011.24%200%200%200%20386.79%20256A11%2011%200%200%200%20398%20245V120c0-13.91%2011.08-24%2025-24s25.12%2010.22%2025%2024v216c0%20117.41-72%20176-160%20176h-16c-88%200-115.71-39.6-136-88L67.33%20255c-6.66-18-3.64-34.75%2011.87-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%22M79.2%20211.44c15.52-8.82%2034.91-2.28%2043.31%2013.68l41.38%2084.41a7%207%200%200%200%208.93%203.43a7%207%200%200%200%204.41-6.52V72c0-13.91%2012.85-24%2026.77-24s26%2010.09%2026%2024v156.64A11.24%2011.24%200%200%200%20240.79%20240A11%2011%200%200%200%20252%20229V24c0-13.91%2010.94-24%2024.86-24S302%2010.09%20302%2024v204.64A11.24%2011.24%200%200%200%20312.79%20240A11%2011%200%200%200%20324%20229V56c0-13.91%2012.08-24%2026-24s26%2011.09%2026%2025v187.64A11.24%2011.24%200%200%200%20386.79%20256A11%2011%200%200%200%20398%20245V120c0-13.91%2011.08-24%2025-24s25.12%2010.22%2025%2024v216c0%20117.41-72%20176-160%20176h-16c-88%200-115.71-39.6-136-88L67.33%20255c-6.66-18-3.64-34.75%2011.87-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-right.svg?color=%231a73e8&size=48