hand point left icon

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

Name: hand-point-left-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-leftFont Awesome 6 Regular hand-point-leftFont Awesome 6 Solid hand-point-leftFont Awesome Regular hand-point-leftFont Awesome Solid hand-point-leftLine Awesome

Related icons in Framework7 Icons

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

Use the hand point left icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M51.965 31.188c0-7.547-3.562-13.22-13.453-16.946l-11.86-4.476c-1.734-.657-3.14.14-3.609 1.336c-.492 1.242-.047 2.671 1.547 3.375l9.117 4.007c.61.282.844.563.844.961c0 .375-.328.75-.938.75H6.918c-1.734 0-2.883 1.102-2.883 2.672c0 1.453 1.149 2.602 2.883 2.602h17.977c.96 0 1.406.468 1.406 1.078c0 .562-.445 1.055-1.406 1.055h-5.297c-.797 0-1.219.468-1.219 1.382c0 2.016 1.29 3.61 4.008 3.61h2.508c.96 0 1.406.492 1.406 1.101c0 .563-.445 1.032-1.406 1.032h-2.696c-.82 0-1.195.422-1.195 1.382c0 2.086 1.57 3.657 4.008 3.657H26.3c.96 0 1.406.468 1.406 1.078c0 .562-.445 1.054-1.406 1.054h-1.992c-.469 0-.75.258-.75.774c0 2.226 2.531 4.219 6.633 4.219h4.5c10.828 0 17.273-5.813 17.273-15.703"/></svg>

React

import type { SVGProps } from "react";

export function F7HandPointLeftFill(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="M51.965 31.188c0-7.547-3.562-13.22-13.453-16.946l-11.86-4.476c-1.734-.657-3.14.14-3.609 1.336c-.492 1.242-.047 2.671 1.547 3.375l9.117 4.007c.61.282.844.563.844.961c0 .375-.328.75-.938.75H6.918c-1.734 0-2.883 1.102-2.883 2.672c0 1.453 1.149 2.602 2.883 2.602h17.977c.96 0 1.406.468 1.406 1.078c0 .562-.445 1.055-1.406 1.055h-5.297c-.797 0-1.219.468-1.219 1.382c0 2.016 1.29 3.61 4.008 3.61h2.508c.96 0 1.406.492 1.406 1.101c0 .563-.445 1.032-1.406 1.032h-2.696c-.82 0-1.195.422-1.195 1.382c0 2.086 1.57 3.657 4.008 3.657H26.3c.96 0 1.406.468 1.406 1.078c0 .562-.445 1.054-1.406 1.054h-1.992c-.469 0-.75.258-.75.774c0 2.226 2.531 4.219 6.633 4.219h4.5c10.828 0 17.273-5.813 17.273-15.703"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M51.965 31.188c0-7.547-3.562-13.22-13.453-16.946l-11.86-4.476c-1.734-.657-3.14.14-3.609 1.336c-.492 1.242-.047 2.671 1.547 3.375l9.117 4.007c.61.282.844.563.844.961c0 .375-.328.75-.938.75H6.918c-1.734 0-2.883 1.102-2.883 2.672c0 1.453 1.149 2.602 2.883 2.602h17.977c.96 0 1.406.468 1.406 1.078c0 .562-.445 1.055-1.406 1.055h-5.297c-.797 0-1.219.468-1.219 1.382c0 2.016 1.29 3.61 4.008 3.61h2.508c.96 0 1.406.492 1.406 1.101c0 .563-.445 1.032-1.406 1.032h-2.696c-.82 0-1.195.422-1.195 1.382c0 2.086 1.57 3.657 4.008 3.657H26.3c.96 0 1.406.468 1.406 1.078c0 .562-.445 1.054-1.406 1.054h-1.992c-.469 0-.75.258-.75.774c0 2.226 2.531 4.219 6.633 4.219h4.5c10.828 0 17.273-5.813 17.273-15.703"/></svg>
</template>

CSS

.icon-hand-point-left-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%22M51.965%2031.188c0-7.547-3.562-13.22-13.453-16.946l-11.86-4.476c-1.734-.657-3.14.14-3.609%201.336c-.492%201.242-.047%202.671%201.547%203.375l9.117%204.007c.61.282.844.563.844.961c0%20.375-.328.75-.938.75H6.918c-1.734%200-2.883%201.102-2.883%202.672c0%201.453%201.149%202.602%202.883%202.602h17.977c.96%200%201.406.468%201.406%201.078c0%20.562-.445%201.055-1.406%201.055h-5.297c-.797%200-1.219.468-1.219%201.382c0%202.016%201.29%203.61%204.008%203.61h2.508c.96%200%201.406.492%201.406%201.101c0%20.563-.445%201.032-1.406%201.032h-2.696c-.82%200-1.195.422-1.195%201.382c0%202.086%201.57%203.657%204.008%203.657H26.3c.96%200%201.406.468%201.406%201.078c0%20.562-.445%201.054-1.406%201.054h-1.992c-.469%200-.75.258-.75.774c0%202.226%202.531%204.219%206.633%204.219h4.5c10.828%200%2017.273-5.813%2017.273-15.703%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%22M51.965%2031.188c0-7.547-3.562-13.22-13.453-16.946l-11.86-4.476c-1.734-.657-3.14.14-3.609%201.336c-.492%201.242-.047%202.671%201.547%203.375l9.117%204.007c.61.282.844.563.844.961c0%20.375-.328.75-.938.75H6.918c-1.734%200-2.883%201.102-2.883%202.672c0%201.453%201.149%202.602%202.883%202.602h17.977c.96%200%201.406.468%201.406%201.078c0%20.562-.445%201.055-1.406%201.055h-5.297c-.797%200-1.219.468-1.219%201.382c0%202.016%201.29%203.61%204.008%203.61h2.508c.96%200%201.406.492%201.406%201.101c0%20.563-.445%201.032-1.406%201.032h-2.696c-.82%200-1.195.422-1.195%201.382c0%202.086%201.57%203.657%204.008%203.657H26.3c.96%200%201.406.468%201.406%201.078c0%20.562-.445%201.054-1.406%201.054h-1.992c-.469%200-.75.258-.75.774c0%202.226%202.531%204.219%206.633%204.219h4.5c10.828%200%2017.273-5.813%2017.273-15.703%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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