hand pointer left icon
hand-pointer-left from Keyline Icons by Keyline Icons · Stroke · MIT Free for personal and commercial use.
- Name
- hand-pointer-left
- Set
- Keyline Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
Related icons in Keyline Icons
Use the hand pointer left icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.7081 11.3411L3.2808 10.0066C2.432 9.8541 1.8711 9.0731 2.0256 8.2588C2.1807 7.4413 2.9979 6.8991 3.851 7.0478L13.0124 8.6441C13.4989 8.7288 13.8007 8.1321 13.4442 7.7905L11.7985 6.2134C11.3308 5.7652 11.2698 5.0587 11.6542 4.543C12.0676 3.9884 12.8584 3.8353 13.4641 4.1924L16.0291 5.7051C22.1904 8.9257 22.1904 12.6831 21.9102 14.8301C20.7899 20.7345 11.8283 20.4661 10.428 19.3926C9.0278 18.3191 10.453 17.1966 11.0129 17.1966M7.9076 10.8379L7.7687 12.2681C7.689 13.1075 8.2983 13.8637 9.1659 14.0023L10.9881 14.2934M11.2682 17.2456L9.5188 16.9103C8.8953 16.7908 8.4282 16.2925 8.3706 15.6857C8.2811 14.7425 9.2245 13.9351 10.1834 14.1648"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsHandPointerLeft(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M10.7081 11.3411L3.2808 10.0066C2.432 9.8541 1.8711 9.0731 2.0256 8.2588C2.1807 7.4413 2.9979 6.8991 3.851 7.0478L13.0124 8.6441C13.4989 8.7288 13.8007 8.1321 13.4442 7.7905L11.7985 6.2134C11.3308 5.7652 11.2698 5.0587 11.6542 4.543C12.0676 3.9884 12.8584 3.8353 13.4641 4.1924L16.0291 5.7051C22.1904 8.9257 22.1904 12.6831 21.9102 14.8301C20.7899 20.7345 11.8283 20.4661 10.428 19.3926C9.0278 18.3191 10.453 17.1966 11.0129 17.1966M7.9076 10.8379L7.7687 12.2681C7.689 13.1075 8.2983 13.8637 9.1659 14.0023L10.9881 14.2934M11.2682 17.2456L9.5188 16.9103C8.8953 16.7908 8.4282 16.2925 8.3706 15.6857C8.2811 14.7425 9.2245 13.9351 10.1834 14.1648"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.7081 11.3411L3.2808 10.0066C2.432 9.8541 1.8711 9.0731 2.0256 8.2588C2.1807 7.4413 2.9979 6.8991 3.851 7.0478L13.0124 8.6441C13.4989 8.7288 13.8007 8.1321 13.4442 7.7905L11.7985 6.2134C11.3308 5.7652 11.2698 5.0587 11.6542 4.543C12.0676 3.9884 12.8584 3.8353 13.4641 4.1924L16.0291 5.7051C22.1904 8.9257 22.1904 12.6831 21.9102 14.8301C20.7899 20.7345 11.8283 20.4661 10.428 19.3926C9.0278 18.3191 10.453 17.1966 11.0129 17.1966M7.9076 10.8379L7.7687 12.2681C7.689 13.1075 8.2983 13.8637 9.1659 14.0023L10.9881 14.2934M11.2682 17.2456L9.5188 16.9103C8.8953 16.7908 8.4282 16.2925 8.3706 15.6857C8.2811 14.7425 9.2245 13.9351 10.1834 14.1648"/></svg> </template>
CSS
.icon-hand-pointer-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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M10.7081%2011.3411L3.2808%2010.0066C2.432%209.8541%201.8711%209.0731%202.0256%208.2588C2.1807%207.4413%202.9979%206.8991%203.851%207.0478L13.0124%208.6441C13.4989%208.7288%2013.8007%208.1321%2013.4442%207.7905L11.7985%206.2134C11.3308%205.7652%2011.2698%205.0587%2011.6542%204.543C12.0676%203.9884%2012.8584%203.8353%2013.4641%204.1924L16.0291%205.7051C22.1904%208.9257%2022.1904%2012.6831%2021.9102%2014.8301C20.7899%2020.7345%2011.8283%2020.4661%2010.428%2019.3926C9.0278%2018.3191%2010.453%2017.1966%2011.0129%2017.1966M7.9076%2010.8379L7.7687%2012.2681C7.689%2013.1075%208.2983%2013.8637%209.1659%2014.0023L10.9881%2014.2934M11.2682%2017.2456L9.5188%2016.9103C8.8953%2016.7908%208.4282%2016.2925%208.3706%2015.6857C8.2811%2014.7425%209.2245%2013.9351%2010.1834%2014.1648%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M10.7081%2011.3411L3.2808%2010.0066C2.432%209.8541%201.8711%209.0731%202.0256%208.2588C2.1807%207.4413%202.9979%206.8991%203.851%207.0478L13.0124%208.6441C13.4989%208.7288%2013.8007%208.1321%2013.4442%207.7905L11.7985%206.2134C11.3308%205.7652%2011.2698%205.0587%2011.6542%204.543C12.0676%203.9884%2012.8584%203.8353%2013.4641%204.1924L16.0291%205.7051C22.1904%208.9257%2022.1904%2012.6831%2021.9102%2014.8301C20.7899%2020.7345%2011.8283%2020.4661%2010.428%2019.3926C9.0278%2018.3191%2010.453%2017.1966%2011.0129%2017.1966M7.9076%2010.8379L7.7687%2012.2681C7.689%2013.1075%208.2983%2013.8637%209.1659%2014.0023L10.9881%2014.2934M11.2682%2017.2456L9.5188%2016.9103C8.8953%2016.7908%208.4282%2016.2925%208.3706%2015.6857C8.2811%2014.7425%209.2245%2013.9351%2010.1834%2014.1648%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/hand-pointer-left.svg?color=%231a73e8&size=48
