hand point icon

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

Name: hand-point-32-regular
Set: Fluent UI System Icons
Style: 32 Regular
Viewbox: 32×32
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-24-regular hand-point-28-filled hand-point-28-regular hand-point-32-filled 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 32 32"><path fill="currentColor" d="M15.505 4a1.5 1.5 0 0 0-1.5 1.5V16a1 1 0 0 1-1.39.921L9.85 15.753a4.92 4.92 0 0 0-5.546 1.212c7.669 3.389 10.72 6.62 12.109 9.406c.56 1.126 1.585 1.753 2.553 1.606l4.73-.717a2 2 0 0 0 1.64-1.487l1.51-5.96a5 5 0 0 0-4.09-6.17l-4.902-.752a1.005 1.005 0 0 1-.854-.988V5.5c0-.828-.667-1.5-1.495-1.5m-3.501 1.5a3.5 3.5 0 0 1 3.5-3.5A3.496 3.496 0 0 1 19 5.5v5.545l4.06.621c4.085.627 6.741 4.634 5.726 8.639l-1.51 5.96a4 4 0 0 1-3.279 2.972l-4.731.718c-2.086.316-3.828-1.054-4.644-2.692c-1.131-2.271-3.827-5.337-11.706-8.72c-.849-.366-1.202-1.44-.642-2.238a6.92 6.92 0 0 1 8.356-2.394l1.374.58z"/></svg>

React

import type { SVGProps } from "react";

export function FluentHandPoint32Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15.505 4a1.5 1.5 0 0 0-1.5 1.5V16a1 1 0 0 1-1.39.921L9.85 15.753a4.92 4.92 0 0 0-5.546 1.212c7.669 3.389 10.72 6.62 12.109 9.406c.56 1.126 1.585 1.753 2.553 1.606l4.73-.717a2 2 0 0 0 1.64-1.487l1.51-5.96a5 5 0 0 0-4.09-6.17l-4.902-.752a1.005 1.005 0 0 1-.854-.988V5.5c0-.828-.667-1.5-1.495-1.5m-3.501 1.5a3.5 3.5 0 0 1 3.5-3.5A3.496 3.496 0 0 1 19 5.5v5.545l4.06.621c4.085.627 6.741 4.634 5.726 8.639l-1.51 5.96a4 4 0 0 1-3.279 2.972l-4.731.718c-2.086.316-3.828-1.054-4.644-2.692c-1.131-2.271-3.827-5.337-11.706-8.72c-.849-.366-1.202-1.44-.642-2.238a6.92 6.92 0 0 1 8.356-2.394l1.374.58z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15.505 4a1.5 1.5 0 0 0-1.5 1.5V16a1 1 0 0 1-1.39.921L9.85 15.753a4.92 4.92 0 0 0-5.546 1.212c7.669 3.389 10.72 6.62 12.109 9.406c.56 1.126 1.585 1.753 2.553 1.606l4.73-.717a2 2 0 0 0 1.64-1.487l1.51-5.96a5 5 0 0 0-4.09-6.17l-4.902-.752a1.005 1.005 0 0 1-.854-.988V5.5c0-.828-.667-1.5-1.495-1.5m-3.501 1.5a3.5 3.5 0 0 1 3.5-3.5A3.496 3.496 0 0 1 19 5.5v5.545l4.06.621c4.085.627 6.741 4.634 5.726 8.639l-1.51 5.96a4 4 0 0 1-3.279 2.972l-4.731.718c-2.086.316-3.828-1.054-4.644-2.692c-1.131-2.271-3.827-5.337-11.706-8.72c-.849-.366-1.202-1.44-.642-2.238a6.92 6.92 0 0 1 8.356-2.394l1.374.58z"/></svg>
</template>

CSS

.icon-hand-point-32-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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.505%204a1.5%201.5%200%200%200-1.5%201.5V16a1%201%200%200%201-1.39.921L9.85%2015.753a4.92%204.92%200%200%200-5.546%201.212c7.669%203.389%2010.72%206.62%2012.109%209.406c.56%201.126%201.585%201.753%202.553%201.606l4.73-.717a2%202%200%200%200%201.64-1.487l1.51-5.96a5%205%200%200%200-4.09-6.17l-4.902-.752a1.005%201.005%200%200%201-.854-.988V5.5c0-.828-.667-1.5-1.495-1.5m-3.501%201.5a3.5%203.5%200%200%201%203.5-3.5A3.496%203.496%200%200%201%2019%205.5v5.545l4.06.621c4.085.627%206.741%204.634%205.726%208.639l-1.51%205.96a4%204%200%200%201-3.279%202.972l-4.731.718c-2.086.316-3.828-1.054-4.644-2.692c-1.131-2.271-3.827-5.337-11.706-8.72c-.849-.366-1.202-1.44-.642-2.238a6.92%206.92%200%200%201%208.356-2.394l1.374.58z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.505%204a1.5%201.5%200%200%200-1.5%201.5V16a1%201%200%200%201-1.39.921L9.85%2015.753a4.92%204.92%200%200%200-5.546%201.212c7.669%203.389%2010.72%206.62%2012.109%209.406c.56%201.126%201.585%201.753%202.553%201.606l4.73-.717a2%202%200%200%200%201.64-1.487l1.51-5.96a5%205%200%200%200-4.09-6.17l-4.902-.752a1.005%201.005%200%200%201-.854-.988V5.5c0-.828-.667-1.5-1.495-1.5m-3.501%201.5a3.5%203.5%200%200%201%203.5-3.5A3.496%203.496%200%200%201%2019%205.5v5.545l4.06.621c4.085.627%206.741%204.634%205.726%208.639l-1.51%205.96a4%204%200%200%201-3.279%202.972l-4.731.718c-2.086.316-3.828-1.054-4.644-2.692c-1.131-2.271-3.827-5.337-11.706-8.72c-.849-.366-1.202-1.44-.642-2.238a6.92%206.92%200%200%201%208.356-2.394l1.374.58z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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