hand pointer icon

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

Name
hand-pointer
Set
Font Awesome Regular
Style
Regular
Category
Arrows
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

hand-pointerFont Awesome 6 Regularhand-pointerFont Awesome 6 Solidhand-pointerFont Awesome Solidhand-pointerLine Awesomehand-pointerMajesticons

More arrows icons from Font Awesome Regular

arrow-alt-circle-downarrow-alt-circle-leftarrow-alt-circle-rightarrow-alt-circle-upcaret-square-downcaret-square-leftcaret-square-rightcaret-square-uphand-point-downhand-point-lefthand-point-righthand-point-upshare-squarehand-lizardhand-paperhand-peacehand-rockhand-scissorshand-spockhand-back-fist

Use the hand pointer icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M256 128c0-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 72H307.4c-37.4 0-72.4-18.7-93.2-49.9l-67.5-101.4c-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-23zm16-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.3C204 549.3 253.9 576 307.4 576H424c66.3 0 120-53.7 120-120V336c0-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.6-16.4-30.7-27.1-52.3-27.1c-2.7 0-5.4.2-8 .5V128c0-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 Fa7RegularHandPointer(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M256 128c0-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 72H307.4c-37.4 0-72.4-18.7-93.2-49.9l-67.5-101.4c-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-23zm16-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.3C204 549.3 253.9 576 307.4 576H424c66.3 0 120-53.7 120-120V336c0-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.6-16.4-30.7-27.1-52.3-27.1c-2.7 0-5.4.2-8 .5V128c0-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 640 640"><path fill="currentColor" d="M256 128c0-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 72H307.4c-37.4 0-72.4-18.7-93.2-49.9l-67.5-101.4c-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-23zm16-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.3C204 549.3 253.9 576 307.4 576H424c66.3 0 120-53.7 120-120V336c0-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.6-16.4-30.7-27.1-52.3-27.1c-2.7 0-5.4.2-8 .5V128c0-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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%20128c0-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%2072H307.4c-37.4%200-72.4-18.7-93.2-49.9l-67.5-101.4c-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-23zm16-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.3C204%20549.3%20253.9%20576%20307.4%20576H424c66.3%200%20120-53.7%20120-120V336c0-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.6-16.4-30.7-27.1-52.3-27.1c-2.7%200-5.4.2-8%20.5V128c0-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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%20128c0-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%2072H307.4c-37.4%200-72.4-18.7-93.2-49.9l-67.5-101.4c-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-23zm16-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.3C204%20549.3%20253.9%20576%20307.4%20576H424c66.3%200%20120-53.7%20120-120V336c0-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.6-16.4-30.7-27.1-52.3-27.1c-2.7%200-5.4.2-8%20.5V128c0-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/fa7-regular/hand-pointer.svg?color=%231a73e8&size=48