hand icon

hand-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: hand-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

hand hand-bold hand-duotone hand-fill hand-thin

The same icon in other sets

handAkar Icons handBoxIcons v2 Solid handFont Awesome 6 Regular handFont Awesome 6 Solid handHuge Icons handLucide handMajesticons hand-fillMingCute Icon handPixelarticons handRadix Icons handRemix Icon

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-tap hand-waving hand-withdraw

Use the hand icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M188 50a25.8 25.8 0 0 0-14 4.11V44a26 26 0 0 0-51.41-5.51A26 26 0 0 0 82 60v71l-7.53-12.1a26 26 0 0 0-45.11 25.87C60.76 211 78.51 238 128 238a86.1 86.1 0 0 0 86-86V76a26 26 0 0 0-26-26m14 102a74.09 74.09 0 0 1-74 74c-21 0-34.51-5.05-46.75-17.45C67.81 195 55.54 172 40.1 139.43l-.23-.43a14 14 0 0 1 24.25-14l.1.17l18.68 30A6 6 0 0 0 94 152V60a14 14 0 0 1 28 0v60a6 6 0 0 0 12 0V44a14 14 0 0 1 28 0v76a6 6 0 0 0 12 0V76a14 14 0 0 1 28 0Z"/></svg>

React

import type { SVGProps } from "react";

export function PhHandLight(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="M188 50a25.8 25.8 0 0 0-14 4.11V44a26 26 0 0 0-51.41-5.51A26 26 0 0 0 82 60v71l-7.53-12.1a26 26 0 0 0-45.11 25.87C60.76 211 78.51 238 128 238a86.1 86.1 0 0 0 86-86V76a26 26 0 0 0-26-26m14 102a74.09 74.09 0 0 1-74 74c-21 0-34.51-5.05-46.75-17.45C67.81 195 55.54 172 40.1 139.43l-.23-.43a14 14 0 0 1 24.25-14l.1.17l18.68 30A6 6 0 0 0 94 152V60a14 14 0 0 1 28 0v60a6 6 0 0 0 12 0V44a14 14 0 0 1 28 0v76a6 6 0 0 0 12 0V76a14 14 0 0 1 28 0Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M188 50a25.8 25.8 0 0 0-14 4.11V44a26 26 0 0 0-51.41-5.51A26 26 0 0 0 82 60v71l-7.53-12.1a26 26 0 0 0-45.11 25.87C60.76 211 78.51 238 128 238a86.1 86.1 0 0 0 86-86V76a26 26 0 0 0-26-26m14 102a74.09 74.09 0 0 1-74 74c-21 0-34.51-5.05-46.75-17.45C67.81 195 55.54 172 40.1 139.43l-.23-.43a14 14 0 0 1 24.25-14l.1.17l18.68 30A6 6 0 0 0 94 152V60a14 14 0 0 1 28 0v60a6 6 0 0 0 12 0V44a14 14 0 0 1 28 0v76a6 6 0 0 0 12 0V76a14 14 0 0 1 28 0Z"/></svg>
</template>

CSS

.icon-hand-light {
  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%22M188%2050a25.8%2025.8%200%200%200-14%204.11V44a26%2026%200%200%200-51.41-5.51A26%2026%200%200%200%2082%2060v71l-7.53-12.1a26%2026%200%200%200-45.11%2025.87C60.76%20211%2078.51%20238%20128%20238a86.1%2086.1%200%200%200%2086-86V76a26%2026%200%200%200-26-26m14%20102a74.09%2074.09%200%200%201-74%2074c-21%200-34.51-5.05-46.75-17.45C67.81%20195%2055.54%20172%2040.1%20139.43l-.23-.43a14%2014%200%200%201%2024.25-14l.1.17l18.68%2030A6%206%200%200%200%2094%20152V60a14%2014%200%200%201%2028%200v60a6%206%200%200%200%2012%200V44a14%2014%200%200%201%2028%200v76a6%206%200%200%200%2012%200V76a14%2014%200%200%201%2028%200Z%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%22M188%2050a25.8%2025.8%200%200%200-14%204.11V44a26%2026%200%200%200-51.41-5.51A26%2026%200%200%200%2082%2060v71l-7.53-12.1a26%2026%200%200%200-45.11%2025.87C60.76%20211%2078.51%20238%20128%20238a86.1%2086.1%200%200%200%2086-86V76a26%2026%200%200%200-26-26m14%20102a74.09%2074.09%200%200%201-74%2074c-21%200-34.51-5.05-46.75-17.45C67.81%20195%2055.54%20172%2040.1%20139.43l-.23-.43a14%2014%200%200%201%2024.25-14l.1.17l18.68%2030A6%206%200%200%200%2094%20152V60a14%2014%200%200%201%2028%200v60a6%206%200%200%200%2012%200V44a14%2014%200%200%201%2028%200v76a6%206%200%200%200%2012%200V76a14%2014%200%200%201%2028%200Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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