hand point left icon
hand-point-left from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- hand-point-left
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
The same icon in other sets
Related icons in Framework7 Icons
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="M52.656 30.895c0-8.274-4.453-14.063-13.242-17.18L27.813 9.59c-2.953-1.031-5.344-.117-6.258 2.344c-.797 2.203.14 4.312 2.578 5.343l3.75 1.57c.094.024.164.094.164.188c0 .117-.094.188-.211.188H8.266c-2.953 0-4.922 1.968-4.922 4.758c0 2.765 1.969 4.734 4.922 4.734h7.804a6 6 0 0 0-.234 1.664c0 2.039 1.148 3.586 3.047 4.195a6.4 6.4 0 0 0-.352 2.04c0 1.968 1.055 3.374 2.766 3.913c.047 4.36 3.21 6.914 8.625 6.914h5.11c10.968 0 17.624-6.632 17.624-16.546m-3.234.117c0 8.273-5.344 13.336-14.766 13.336h-4.265c-3.727 0-5.883-1.196-5.883-3.282h2.695c.867 0 1.43-.68 1.43-1.453c0-.797-.563-1.523-1.43-1.523h-3.656c-1.219 0-1.992-.68-1.992-1.875c0-.445.117-.985.305-1.383h4.43c.866 0 1.452-.703 1.452-1.477c0-.796-.586-1.5-1.453-1.5h-5.437c-1.242 0-1.992-.703-1.992-1.875c0-.468.117-1.007.304-1.406h6.234c.82 0 1.454-.656 1.454-1.453c0-.82-.633-1.523-1.454-1.523H8.055c-.985 0-1.688-.657-1.688-1.617c0-.961.703-1.641 1.688-1.641h24.304c1.079 0 1.852-.703 1.852-1.688c0-.82-.375-1.547-1.547-2.062l-7.125-3.188c-1.008-.445-1.547-1.265-1.195-2.156c.351-.937 1.265-1.266 2.484-.82l11.578 4.148c7.993 2.86 11.016 7.875 11.016 14.438"/></svg>
React
import type { SVGProps } from "react";
export function F7HandPointLeft(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="M52.656 30.895c0-8.274-4.453-14.063-13.242-17.18L27.813 9.59c-2.953-1.031-5.344-.117-6.258 2.344c-.797 2.203.14 4.312 2.578 5.343l3.75 1.57c.094.024.164.094.164.188c0 .117-.094.188-.211.188H8.266c-2.953 0-4.922 1.968-4.922 4.758c0 2.765 1.969 4.734 4.922 4.734h7.804a6 6 0 0 0-.234 1.664c0 2.039 1.148 3.586 3.047 4.195a6.4 6.4 0 0 0-.352 2.04c0 1.968 1.055 3.374 2.766 3.913c.047 4.36 3.21 6.914 8.625 6.914h5.11c10.968 0 17.624-6.632 17.624-16.546m-3.234.117c0 8.273-5.344 13.336-14.766 13.336h-4.265c-3.727 0-5.883-1.196-5.883-3.282h2.695c.867 0 1.43-.68 1.43-1.453c0-.797-.563-1.523-1.43-1.523h-3.656c-1.219 0-1.992-.68-1.992-1.875c0-.445.117-.985.305-1.383h4.43c.866 0 1.452-.703 1.452-1.477c0-.796-.586-1.5-1.453-1.5h-5.437c-1.242 0-1.992-.703-1.992-1.875c0-.468.117-1.007.304-1.406h6.234c.82 0 1.454-.656 1.454-1.453c0-.82-.633-1.523-1.454-1.523H8.055c-.985 0-1.688-.657-1.688-1.617c0-.961.703-1.641 1.688-1.641h24.304c1.079 0 1.852-.703 1.852-1.688c0-.82-.375-1.547-1.547-2.062l-7.125-3.188c-1.008-.445-1.547-1.265-1.195-2.156c.351-.937 1.265-1.266 2.484-.82l11.578 4.148c7.993 2.86 11.016 7.875 11.016 14.438"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M52.656 30.895c0-8.274-4.453-14.063-13.242-17.18L27.813 9.59c-2.953-1.031-5.344-.117-6.258 2.344c-.797 2.203.14 4.312 2.578 5.343l3.75 1.57c.094.024.164.094.164.188c0 .117-.094.188-.211.188H8.266c-2.953 0-4.922 1.968-4.922 4.758c0 2.765 1.969 4.734 4.922 4.734h7.804a6 6 0 0 0-.234 1.664c0 2.039 1.148 3.586 3.047 4.195a6.4 6.4 0 0 0-.352 2.04c0 1.968 1.055 3.374 2.766 3.913c.047 4.36 3.21 6.914 8.625 6.914h5.11c10.968 0 17.624-6.632 17.624-16.546m-3.234.117c0 8.273-5.344 13.336-14.766 13.336h-4.265c-3.727 0-5.883-1.196-5.883-3.282h2.695c.867 0 1.43-.68 1.43-1.453c0-.797-.563-1.523-1.43-1.523h-3.656c-1.219 0-1.992-.68-1.992-1.875c0-.445.117-.985.305-1.383h4.43c.866 0 1.452-.703 1.452-1.477c0-.796-.586-1.5-1.453-1.5h-5.437c-1.242 0-1.992-.703-1.992-1.875c0-.468.117-1.007.304-1.406h6.234c.82 0 1.454-.656 1.454-1.453c0-.82-.633-1.523-1.454-1.523H8.055c-.985 0-1.688-.657-1.688-1.617c0-.961.703-1.641 1.688-1.641h24.304c1.079 0 1.852-.703 1.852-1.688c0-.82-.375-1.547-1.547-2.062l-7.125-3.188c-1.008-.445-1.547-1.265-1.195-2.156c.351-.937 1.265-1.266 2.484-.82l11.578 4.148c7.993 2.86 11.016 7.875 11.016 14.438"/></svg> </template>
CSS
.icon-hand-point-left {
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%22M52.656%2030.895c0-8.274-4.453-14.063-13.242-17.18L27.813%209.59c-2.953-1.031-5.344-.117-6.258%202.344c-.797%202.203.14%204.312%202.578%205.343l3.75%201.57c.094.024.164.094.164.188c0%20.117-.094.188-.211.188H8.266c-2.953%200-4.922%201.968-4.922%204.758c0%202.765%201.969%204.734%204.922%204.734h7.804a6%206%200%200%200-.234%201.664c0%202.039%201.148%203.586%203.047%204.195a6.4%206.4%200%200%200-.352%202.04c0%201.968%201.055%203.374%202.766%203.913c.047%204.36%203.21%206.914%208.625%206.914h5.11c10.968%200%2017.624-6.632%2017.624-16.546m-3.234.117c0%208.273-5.344%2013.336-14.766%2013.336h-4.265c-3.727%200-5.883-1.196-5.883-3.282h2.695c.867%200%201.43-.68%201.43-1.453c0-.797-.563-1.523-1.43-1.523h-3.656c-1.219%200-1.992-.68-1.992-1.875c0-.445.117-.985.305-1.383h4.43c.866%200%201.452-.703%201.452-1.477c0-.796-.586-1.5-1.453-1.5h-5.437c-1.242%200-1.992-.703-1.992-1.875c0-.468.117-1.007.304-1.406h6.234c.82%200%201.454-.656%201.454-1.453c0-.82-.633-1.523-1.454-1.523H8.055c-.985%200-1.688-.657-1.688-1.617c0-.961.703-1.641%201.688-1.641h24.304c1.079%200%201.852-.703%201.852-1.688c0-.82-.375-1.547-1.547-2.062l-7.125-3.188c-1.008-.445-1.547-1.265-1.195-2.156c.351-.937%201.265-1.266%202.484-.82l11.578%204.148c7.993%202.86%2011.016%207.875%2011.016%2014.438%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%22M52.656%2030.895c0-8.274-4.453-14.063-13.242-17.18L27.813%209.59c-2.953-1.031-5.344-.117-6.258%202.344c-.797%202.203.14%204.312%202.578%205.343l3.75%201.57c.094.024.164.094.164.188c0%20.117-.094.188-.211.188H8.266c-2.953%200-4.922%201.968-4.922%204.758c0%202.765%201.969%204.734%204.922%204.734h7.804a6%206%200%200%200-.234%201.664c0%202.039%201.148%203.586%203.047%204.195a6.4%206.4%200%200%200-.352%202.04c0%201.968%201.055%203.374%202.766%203.913c.047%204.36%203.21%206.914%208.625%206.914h5.11c10.968%200%2017.624-6.632%2017.624-16.546m-3.234.117c0%208.273-5.344%2013.336-14.766%2013.336h-4.265c-3.727%200-5.883-1.196-5.883-3.282h2.695c.867%200%201.43-.68%201.43-1.453c0-.797-.563-1.523-1.43-1.523h-3.656c-1.219%200-1.992-.68-1.992-1.875c0-.445.117-.985.305-1.383h4.43c.866%200%201.452-.703%201.452-1.477c0-.796-.586-1.5-1.453-1.5h-5.437c-1.242%200-1.992-.703-1.992-1.875c0-.468.117-1.007.304-1.406h6.234c.82%200%201.454-.656%201.454-1.453c0-.82-.633-1.523-1.454-1.523H8.055c-.985%200-1.688-.657-1.688-1.617c0-.961.703-1.641%201.688-1.641h24.304c1.079%200%201.852-.703%201.852-1.688c0-.82-.375-1.547-1.547-2.062l-7.125-3.188c-1.008-.445-1.547-1.265-1.195-2.156c.351-.937%201.265-1.266%202.484-.82l11.578%204.148c7.993%202.86%2011.016%207.875%2011.016%2014.438%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.svg?color=%231a73e8&size=48
