hand pointer icon

hand-pointer from Font Awesome 6 Regular by Dave Gandy · Regular · Arrows · CC-BY-4.0 Attribution required.

Name: hand-pointer
Set: Font Awesome 6 Regular
Style: Regular
Category: Arrows
Viewbox: 448×512
License: CC BY 4.0

The same icon in other sets

hand-pointerFont Awesome 6 Solid hand-pointerLine Awesome hand-pointerMajesticons

More arrows icons from Font Awesome 6 Regular

hand-point-down hand-point-left hand-point-right hand-point-up hand-lizard hand-peace hand-scissors hand-spock hand-back-fist

Use the hand pointer icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M160 64c0-8.8 7.2-16 16-16s16 7.2 16 16v136c0 10.3 6.6 19.5 16.4 22.8s20.6-.1 26.8-8.3c3-3.9 7.6-6.4 12.8-6.4c8.8 0 16 7.2 16 16c0 10.3 6.6 19.5 16.4 22.8s20.6-.1 26.8-8.3c3-3.9 7.6-6.4 12.8-6.4c7.8 0 14.3 5.6 15.7 13c1.6 8.2 7.3 15.1 15.1 18s16.7 1.6 23.3-3.6c2.7-2.1 6.1-3.4 9.9-3.4c8.8 0 16 7.2 16 16v120c0 39.8-32.2 72-72 72H211.3c-37.4 0-72.4-18.7-93.2-49.9L50.7 312.9c-4.9-7.4-2.9-17.3 4.4-22.2s17.3-2.9 22.2 4.4l38.7 58.1c5.9 8.8 16.8 12.7 26.9 9.7s17-12.4 17-23V64zm16-64c-35.3 0-64 28.7-64 64v197.7c-20.8-23.7-56.5-28.9-83.5-11c-29.4 19.7-37.4 59.4-17.7 88.8l67.5 101.3C108 485.3 157.9 512 211.4 512h116.7c66.3 0 120-53.7 120-120V272c0-35.3-28.7-64-64-64c-4.5 0-8.8.5-13 1.3c-11.7-15.4-30.2-25.3-51-25.3c-6.9 0-13.5 1.1-19.7 3.1c-11.7-16.4-30.8-27.1-52.4-27.1c-2.7 0-5.4.2-8 .5V64c0-35.3-28.7-64-64-64m48 304c0-8.8-7.2-16-16-16s-16 7.2-16 16v96c0 8.8 7.2 16 16 16s16-7.2 16-16zm48-16c-8.8 0-16 7.2-16 16v96c0 8.8 7.2 16 16 16s16-7.2 16-16v-96c0-8.8-7.2-16-16-16m80 16c0-8.8-7.2-16-16-16s-16 7.2-16 16v96c0 8.8 7.2 16 16 16s16-7.2 16-16z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6RegularHandPointer(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M160 64c0-8.8 7.2-16 16-16s16 7.2 16 16v136c0 10.3 6.6 19.5 16.4 22.8s20.6-.1 26.8-8.3c3-3.9 7.6-6.4 12.8-6.4c8.8 0 16 7.2 16 16c0 10.3 6.6 19.5 16.4 22.8s20.6-.1 26.8-8.3c3-3.9 7.6-6.4 12.8-6.4c7.8 0 14.3 5.6 15.7 13c1.6 8.2 7.3 15.1 15.1 18s16.7 1.6 23.3-3.6c2.7-2.1 6.1-3.4 9.9-3.4c8.8 0 16 7.2 16 16v120c0 39.8-32.2 72-72 72H211.3c-37.4 0-72.4-18.7-93.2-49.9L50.7 312.9c-4.9-7.4-2.9-17.3 4.4-22.2s17.3-2.9 22.2 4.4l38.7 58.1c5.9 8.8 16.8 12.7 26.9 9.7s17-12.4 17-23V64zm16-64c-35.3 0-64 28.7-64 64v197.7c-20.8-23.7-56.5-28.9-83.5-11c-29.4 19.7-37.4 59.4-17.7 88.8l67.5 101.3C108 485.3 157.9 512 211.4 512h116.7c66.3 0 120-53.7 120-120V272c0-35.3-28.7-64-64-64c-4.5 0-8.8.5-13 1.3c-11.7-15.4-30.2-25.3-51-25.3c-6.9 0-13.5 1.1-19.7 3.1c-11.7-16.4-30.8-27.1-52.4-27.1c-2.7 0-5.4.2-8 .5V64c0-35.3-28.7-64-64-64m48 304c0-8.8-7.2-16-16-16s-16 7.2-16 16v96c0 8.8 7.2 16 16 16s16-7.2 16-16zm48-16c-8.8 0-16 7.2-16 16v96c0 8.8 7.2 16 16 16s16-7.2 16-16v-96c0-8.8-7.2-16-16-16m80 16c0-8.8-7.2-16-16-16s-16 7.2-16 16v96c0 8.8 7.2 16 16 16s16-7.2 16-16z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M160 64c0-8.8 7.2-16 16-16s16 7.2 16 16v136c0 10.3 6.6 19.5 16.4 22.8s20.6-.1 26.8-8.3c3-3.9 7.6-6.4 12.8-6.4c8.8 0 16 7.2 16 16c0 10.3 6.6 19.5 16.4 22.8s20.6-.1 26.8-8.3c3-3.9 7.6-6.4 12.8-6.4c7.8 0 14.3 5.6 15.7 13c1.6 8.2 7.3 15.1 15.1 18s16.7 1.6 23.3-3.6c2.7-2.1 6.1-3.4 9.9-3.4c8.8 0 16 7.2 16 16v120c0 39.8-32.2 72-72 72H211.3c-37.4 0-72.4-18.7-93.2-49.9L50.7 312.9c-4.9-7.4-2.9-17.3 4.4-22.2s17.3-2.9 22.2 4.4l38.7 58.1c5.9 8.8 16.8 12.7 26.9 9.7s17-12.4 17-23V64zm16-64c-35.3 0-64 28.7-64 64v197.7c-20.8-23.7-56.5-28.9-83.5-11c-29.4 19.7-37.4 59.4-17.7 88.8l67.5 101.3C108 485.3 157.9 512 211.4 512h116.7c66.3 0 120-53.7 120-120V272c0-35.3-28.7-64-64-64c-4.5 0-8.8.5-13 1.3c-11.7-15.4-30.2-25.3-51-25.3c-6.9 0-13.5 1.1-19.7 3.1c-11.7-16.4-30.8-27.1-52.4-27.1c-2.7 0-5.4.2-8 .5V64c0-35.3-28.7-64-64-64m48 304c0-8.8-7.2-16-16-16s-16 7.2-16 16v96c0 8.8 7.2 16 16 16s16-7.2 16-16zm48-16c-8.8 0-16 7.2-16 16v96c0 8.8 7.2 16 16 16s16-7.2 16-16v-96c0-8.8-7.2-16-16-16m80 16c0-8.8-7.2-16-16-16s-16 7.2-16 16v96c0 8.8 7.2 16 16 16s16-7.2 16-16z"/></svg>
</template>

CSS

.icon-hand-pointer {
  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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M160%2064c0-8.8%207.2-16%2016-16s16%207.2%2016%2016v136c0%2010.3%206.6%2019.5%2016.4%2022.8s20.6-.1%2026.8-8.3c3-3.9%207.6-6.4%2012.8-6.4c8.8%200%2016%207.2%2016%2016c0%2010.3%206.6%2019.5%2016.4%2022.8s20.6-.1%2026.8-8.3c3-3.9%207.6-6.4%2012.8-6.4c7.8%200%2014.3%205.6%2015.7%2013c1.6%208.2%207.3%2015.1%2015.1%2018s16.7%201.6%2023.3-3.6c2.7-2.1%206.1-3.4%209.9-3.4c8.8%200%2016%207.2%2016%2016v120c0%2039.8-32.2%2072-72%2072H211.3c-37.4%200-72.4-18.7-93.2-49.9L50.7%20312.9c-4.9-7.4-2.9-17.3%204.4-22.2s17.3-2.9%2022.2%204.4l38.7%2058.1c5.9%208.8%2016.8%2012.7%2026.9%209.7s17-12.4%2017-23V64zm16-64c-35.3%200-64%2028.7-64%2064v197.7c-20.8-23.7-56.5-28.9-83.5-11c-29.4%2019.7-37.4%2059.4-17.7%2088.8l67.5%20101.3C108%20485.3%20157.9%20512%20211.4%20512h116.7c66.3%200%20120-53.7%20120-120V272c0-35.3-28.7-64-64-64c-4.5%200-8.8.5-13%201.3c-11.7-15.4-30.2-25.3-51-25.3c-6.9%200-13.5%201.1-19.7%203.1c-11.7-16.4-30.8-27.1-52.4-27.1c-2.7%200-5.4.2-8%20.5V64c0-35.3-28.7-64-64-64m48%20304c0-8.8-7.2-16-16-16s-16%207.2-16%2016v96c0%208.8%207.2%2016%2016%2016s16-7.2%2016-16zm48-16c-8.8%200-16%207.2-16%2016v96c0%208.8%207.2%2016%2016%2016s16-7.2%2016-16v-96c0-8.8-7.2-16-16-16m80%2016c0-8.8-7.2-16-16-16s-16%207.2-16%2016v96c0%208.8%207.2%2016%2016%2016s16-7.2%2016-16z%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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M160%2064c0-8.8%207.2-16%2016-16s16%207.2%2016%2016v136c0%2010.3%206.6%2019.5%2016.4%2022.8s20.6-.1%2026.8-8.3c3-3.9%207.6-6.4%2012.8-6.4c8.8%200%2016%207.2%2016%2016c0%2010.3%206.6%2019.5%2016.4%2022.8s20.6-.1%2026.8-8.3c3-3.9%207.6-6.4%2012.8-6.4c7.8%200%2014.3%205.6%2015.7%2013c1.6%208.2%207.3%2015.1%2015.1%2018s16.7%201.6%2023.3-3.6c2.7-2.1%206.1-3.4%209.9-3.4c8.8%200%2016%207.2%2016%2016v120c0%2039.8-32.2%2072-72%2072H211.3c-37.4%200-72.4-18.7-93.2-49.9L50.7%20312.9c-4.9-7.4-2.9-17.3%204.4-22.2s17.3-2.9%2022.2%204.4l38.7%2058.1c5.9%208.8%2016.8%2012.7%2026.9%209.7s17-12.4%2017-23V64zm16-64c-35.3%200-64%2028.7-64%2064v197.7c-20.8-23.7-56.5-28.9-83.5-11c-29.4%2019.7-37.4%2059.4-17.7%2088.8l67.5%20101.3C108%20485.3%20157.9%20512%20211.4%20512h116.7c66.3%200%20120-53.7%20120-120V272c0-35.3-28.7-64-64-64c-4.5%200-8.8.5-13%201.3c-11.7-15.4-30.2-25.3-51-25.3c-6.9%200-13.5%201.1-19.7%203.1c-11.7-16.4-30.8-27.1-52.4-27.1c-2.7%200-5.4.2-8%20.5V64c0-35.3-28.7-64-64-64m48%20304c0-8.8-7.2-16-16-16s-16%207.2-16%2016v96c0%208.8%207.2%2016%2016%2016s16-7.2%2016-16zm48-16c-8.8%200-16%207.2-16%2016v96c0%208.8%207.2%2016%2016%2016s16-7.2%2016-16v-96c0-8.8-7.2-16-16-16m80%2016c0-8.8-7.2-16-16-16s-16%207.2-16%2016v96c0%208.8%207.2%2016%2016%2016s16-7.2%2016-16z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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