hand point right icon

hand-point-right-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.

Name: hand-point-right-fill
Set: Framework7 Icons
Style: Fill
Viewbox: 56×56
License: MIT

1 other variant in Framework7 Icons

The same icon in other sets

hand-point-rightFont Awesome 6 Regular hand-point-rightFont Awesome 6 Solid hand-point-rightFont Awesome Regular hand-point-rightFont Awesome Solid hand-point-rightLine Awesome

Related icons in Framework7 Icons

hand-draw hand-point-left hand-raised hand-raised-slash hand-thumbsdown hand-thumbsup

Use the hand point right icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M4.047 31.188c0 9.89 6.422 15.703 17.25 15.703h4.5c4.125 0 6.633-1.993 6.633-4.22c0-.515-.258-.773-.75-.773h-1.992c-.938 0-1.407-.492-1.407-1.054c0-.61.469-1.078 1.407-1.078H31c2.414 0 4.008-1.57 4.008-3.657c0-.96-.399-1.382-1.196-1.382h-2.718c-.938 0-1.407-.47-1.407-1.032c0-.61.47-1.101 1.407-1.101h2.508c2.718 0 4.007-1.594 4.007-3.61c0-.914-.422-1.382-1.195-1.382h-5.32c-.938 0-1.407-.493-1.407-1.055c0-.61.47-1.078 1.407-1.078h18c1.734 0 2.86-1.149 2.86-2.602c0-1.57-1.126-2.672-2.86-2.672H22.375c-.61 0-.937-.375-.937-.75c0-.398.257-.68.843-.96l9.14-4.008c1.571-.704 2.04-2.133 1.548-3.375c-.469-1.196-1.899-1.993-3.61-1.336L17.5 14.242C7.586 17.97 4.047 23.641 4.047 31.188"/></svg>

React

import type { SVGProps } from "react";

export function F7HandPointRightFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M4.047 31.188c0 9.89 6.422 15.703 17.25 15.703h4.5c4.125 0 6.633-1.993 6.633-4.22c0-.515-.258-.773-.75-.773h-1.992c-.938 0-1.407-.492-1.407-1.054c0-.61.469-1.078 1.407-1.078H31c2.414 0 4.008-1.57 4.008-3.657c0-.96-.399-1.382-1.196-1.382h-2.718c-.938 0-1.407-.47-1.407-1.032c0-.61.47-1.101 1.407-1.101h2.508c2.718 0 4.007-1.594 4.007-3.61c0-.914-.422-1.382-1.195-1.382h-5.32c-.938 0-1.407-.493-1.407-1.055c0-.61.47-1.078 1.407-1.078h18c1.734 0 2.86-1.149 2.86-2.602c0-1.57-1.126-2.672-2.86-2.672H22.375c-.61 0-.937-.375-.937-.75c0-.398.257-.68.843-.96l9.14-4.008c1.571-.704 2.04-2.133 1.548-3.375c-.469-1.196-1.899-1.993-3.61-1.336L17.5 14.242C7.586 17.97 4.047 23.641 4.047 31.188"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M4.047 31.188c0 9.89 6.422 15.703 17.25 15.703h4.5c4.125 0 6.633-1.993 6.633-4.22c0-.515-.258-.773-.75-.773h-1.992c-.938 0-1.407-.492-1.407-1.054c0-.61.469-1.078 1.407-1.078H31c2.414 0 4.008-1.57 4.008-3.657c0-.96-.399-1.382-1.196-1.382h-2.718c-.938 0-1.407-.47-1.407-1.032c0-.61.47-1.101 1.407-1.101h2.508c2.718 0 4.007-1.594 4.007-3.61c0-.914-.422-1.382-1.195-1.382h-5.32c-.938 0-1.407-.493-1.407-1.055c0-.61.47-1.078 1.407-1.078h18c1.734 0 2.86-1.149 2.86-2.602c0-1.57-1.126-2.672-2.86-2.672H22.375c-.61 0-.937-.375-.937-.75c0-.398.257-.68.843-.96l9.14-4.008c1.571-.704 2.04-2.133 1.548-3.375c-.469-1.196-1.899-1.993-3.61-1.336L17.5 14.242C7.586 17.97 4.047 23.641 4.047 31.188"/></svg>
</template>

CSS

.icon-hand-point-right-fill {
  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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.047%2031.188c0%209.89%206.422%2015.703%2017.25%2015.703h4.5c4.125%200%206.633-1.993%206.633-4.22c0-.515-.258-.773-.75-.773h-1.992c-.938%200-1.407-.492-1.407-1.054c0-.61.469-1.078%201.407-1.078H31c2.414%200%204.008-1.57%204.008-3.657c0-.96-.399-1.382-1.196-1.382h-2.718c-.938%200-1.407-.47-1.407-1.032c0-.61.47-1.101%201.407-1.101h2.508c2.718%200%204.007-1.594%204.007-3.61c0-.914-.422-1.382-1.195-1.382h-5.32c-.938%200-1.407-.493-1.407-1.055c0-.61.47-1.078%201.407-1.078h18c1.734%200%202.86-1.149%202.86-2.602c0-1.57-1.126-2.672-2.86-2.672H22.375c-.61%200-.937-.375-.937-.75c0-.398.257-.68.843-.96l9.14-4.008c1.571-.704%202.04-2.133%201.548-3.375c-.469-1.196-1.899-1.993-3.61-1.336L17.5%2014.242C7.586%2017.97%204.047%2023.641%204.047%2031.188%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.047%2031.188c0%209.89%206.422%2015.703%2017.25%2015.703h4.5c4.125%200%206.633-1.993%206.633-4.22c0-.515-.258-.773-.75-.773h-1.992c-.938%200-1.407-.492-1.407-1.054c0-.61.469-1.078%201.407-1.078H31c2.414%200%204.008-1.57%204.008-3.657c0-.96-.399-1.382-1.196-1.382h-2.718c-.938%200-1.407-.47-1.407-1.032c0-.61.47-1.101%201.407-1.101h2.508c2.718%200%204.007-1.594%204.007-3.61c0-.914-.422-1.382-1.195-1.382h-5.32c-.938%200-1.407-.493-1.407-1.055c0-.61.47-1.078%201.407-1.078h18c1.734%200%202.86-1.149%202.86-2.602c0-1.57-1.126-2.672-2.86-2.672H22.375c-.61%200-.937-.375-.937-.75c0-.398.257-.68.843-.96l9.14-4.008c1.571-.704%202.04-2.133%201.548-3.375c-.469-1.196-1.899-1.993-3.61-1.336L17.5%2014.242C7.586%2017.97%204.047%2023.641%204.047%2031.188%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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