hand point icon

hand-point-24-regular from Fluent UI System Icons by Microsoft Corporation · 24 Regular · MIT Free for personal and commercial use.

Name: hand-point-24-regular
Set: Fluent UI System Icons
Style: 24 Regular
Viewbox: 24×24
License: MIT

11 other variants in Fluent UI System Icons

hand-point-16-filled hand-point-16-regular hand-point-20-filled hand-point-20-regular hand-point-24-filled hand-point-28-filled hand-point-28-regular hand-point-32-filled hand-point-32-regular hand-point-48-filled hand-point-48-regular

Related icons in Fluent UI System Icons

hand-draw-16-filled hand-left-16-filled hand-left-chat-16-filled hand-multiple-16-filled hand-multiple-stack-20-filled hand-open-heart-20-filled hand-right-16-filled hand-right-off-16-filled hand-wave-16-filled

Use the hand point icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.5 3.5a1 1 0 0 0-1 1v7.502a.75.75 0 0 1-1.02.7l-2.513-.966a2.84 2.84 0 0 0-3.254.895c5.488 2.461 7.557 4.81 8.477 6.833c.33.725.977 1.113 1.578 1.02l3.456-.532a1.25 1.25 0 0 0 1.022-.934l1.153-4.633a3.25 3.25 0 0 0-2.65-3.995l-3.616-.569a.75.75 0 0 1-.633-.74V4.5a1 1 0 0 0-1-1M9 4.5a2.5 2.5 0 1 1 5 0v3.94l2.983.468a4.75 4.75 0 0 1 3.872 5.84l-1.153 4.632a2.75 2.75 0 0 1-2.25 2.054l-3.455.533c-1.442.222-2.646-.726-3.173-1.882c-.735-1.617-2.527-3.834-8.19-6.29a1.055 1.055 0 0 1-.511-1.463a4.34 4.34 0 0 1 5.382-1.996L9 10.91z"/></svg>

React

import type { SVGProps } from "react";

export function FluentHandPoint24Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.5 3.5a1 1 0 0 0-1 1v7.502a.75.75 0 0 1-1.02.7l-2.513-.966a2.84 2.84 0 0 0-3.254.895c5.488 2.461 7.557 4.81 8.477 6.833c.33.725.977 1.113 1.578 1.02l3.456-.532a1.25 1.25 0 0 0 1.022-.934l1.153-4.633a3.25 3.25 0 0 0-2.65-3.995l-3.616-.569a.75.75 0 0 1-.633-.74V4.5a1 1 0 0 0-1-1M9 4.5a2.5 2.5 0 1 1 5 0v3.94l2.983.468a4.75 4.75 0 0 1 3.872 5.84l-1.153 4.632a2.75 2.75 0 0 1-2.25 2.054l-3.455.533c-1.442.222-2.646-.726-3.173-1.882c-.735-1.617-2.527-3.834-8.19-6.29a1.055 1.055 0 0 1-.511-1.463a4.34 4.34 0 0 1 5.382-1.996L9 10.91z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.5 3.5a1 1 0 0 0-1 1v7.502a.75.75 0 0 1-1.02.7l-2.513-.966a2.84 2.84 0 0 0-3.254.895c5.488 2.461 7.557 4.81 8.477 6.833c.33.725.977 1.113 1.578 1.02l3.456-.532a1.25 1.25 0 0 0 1.022-.934l1.153-4.633a3.25 3.25 0 0 0-2.65-3.995l-3.616-.569a.75.75 0 0 1-.633-.74V4.5a1 1 0 0 0-1-1M9 4.5a2.5 2.5 0 1 1 5 0v3.94l2.983.468a4.75 4.75 0 0 1 3.872 5.84l-1.153 4.632a2.75 2.75 0 0 1-2.25 2.054l-3.455.533c-1.442.222-2.646-.726-3.173-1.882c-.735-1.617-2.527-3.834-8.19-6.29a1.055 1.055 0 0 1-.511-1.463a4.34 4.34 0 0 1 5.382-1.996L9 10.91z"/></svg>
</template>

CSS

.icon-hand-point-24-regular {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.5%203.5a1%201%200%200%200-1%201v7.502a.75.75%200%200%201-1.02.7l-2.513-.966a2.84%202.84%200%200%200-3.254.895c5.488%202.461%207.557%204.81%208.477%206.833c.33.725.977%201.113%201.578%201.02l3.456-.532a1.25%201.25%200%200%200%201.022-.934l1.153-4.633a3.25%203.25%200%200%200-2.65-3.995l-3.616-.569a.75.75%200%200%201-.633-.74V4.5a1%201%200%200%200-1-1M9%204.5a2.5%202.5%200%201%201%205%200v3.94l2.983.468a4.75%204.75%200%200%201%203.872%205.84l-1.153%204.632a2.75%202.75%200%200%201-2.25%202.054l-3.455.533c-1.442.222-2.646-.726-3.173-1.882c-.735-1.617-2.527-3.834-8.19-6.29a1.055%201.055%200%200%201-.511-1.463a4.34%204.34%200%200%201%205.382-1.996L9%2010.91z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.5%203.5a1%201%200%200%200-1%201v7.502a.75.75%200%200%201-1.02.7l-2.513-.966a2.84%202.84%200%200%200-3.254.895c5.488%202.461%207.557%204.81%208.477%206.833c.33.725.977%201.113%201.578%201.02l3.456-.532a1.25%201.25%200%200%200%201.022-.934l1.153-4.633a3.25%203.25%200%200%200-2.65-3.995l-3.616-.569a.75.75%200%200%201-.633-.74V4.5a1%201%200%200%200-1-1M9%204.5a2.5%202.5%200%201%201%205%200v3.94l2.983.468a4.75%204.75%200%200%201%203.872%205.84l-1.153%204.632a2.75%202.75%200%200%201-2.25%202.054l-3.455.533c-1.442.222-2.646-.726-3.173-1.882c-.735-1.617-2.527-3.834-8.19-6.29a1.055%201.055%200%200%201-.511-1.463a4.34%204.34%200%200%201%205.382-1.996L9%2010.91z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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