hand pointer icon
hand-pointer from Line Awesome by Icons8 · Line · Hands · Apache-2.0 Free for personal and commercial use.
- Name
- hand-pointer
- Set
- Line Awesome
- Style
- Line
- Category
- Hands
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
More hands icons from Line Awesome
hand-holdinghand-holding-hearthand-holding-usdhand-lizardhand-lizard-solidhand-middle-fingerhand-paperhand-paper-solidhand-peacehand-peace-solidhand-point-downhand-point-down-solidhand-point-lefthand-point-left-solidhand-point-righthand-point-right-solidhand-point-uphand-point-up-solidhand-pointer-solidhand-rockhand-rock-solidhand-scissorshand-scissors-solidhand-spock
Use the hand pointer icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M13 2c-1.645 0-3 1.355-3 3v11.813l-.656-.688l-.25-.219a2.97 2.97 0 0 0-4.188 0a2.97 2.97 0 0 0 0 4.188v.031l8.188 8.094l.062.031l.031.063a8.3 8.3 0 0 0 5 1.687h1.72a8.17 8.17 0 0 0 8.187-8.188V14c0-1.645-1.356-3-3-3c-.426 0-.82.117-1.188.281C23.578 9.981 22.395 9 21 9c-.766 0-1.469.3-2 .781A2.98 2.98 0 0 0 17 9a3 3 0 0 0-1 .188V5c0-1.645-1.355-3-3-3m0 2c.555 0 1 .445 1 1v11h2v-4c0-.555.445-1 1-1s1 .445 1 1v4h2v-4c0-.555.445-1 1-1s1 .445 1 1v4h2.094v-2c0-.555.445-1 1-1s1 .445 1 1v7.813c0 3.464-2.723 6.187-6.188 6.187h-1.718c-1.465 0-2.731-.523-3.782-1.313l-8.094-8c-.445-.445-.445-.93 0-1.375c.446-.445.93-.445 1.375 0L12 21.625V5c0-.555.445-1 1-1"/></svg>
React
import type { SVGProps } from "react";
export function LaHandPointer(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="M13 2c-1.645 0-3 1.355-3 3v11.813l-.656-.688l-.25-.219a2.97 2.97 0 0 0-4.188 0a2.97 2.97 0 0 0 0 4.188v.031l8.188 8.094l.062.031l.031.063a8.3 8.3 0 0 0 5 1.687h1.72a8.17 8.17 0 0 0 8.187-8.188V14c0-1.645-1.356-3-3-3c-.426 0-.82.117-1.188.281C23.578 9.981 22.395 9 21 9c-.766 0-1.469.3-2 .781A2.98 2.98 0 0 0 17 9a3 3 0 0 0-1 .188V5c0-1.645-1.355-3-3-3m0 2c.555 0 1 .445 1 1v11h2v-4c0-.555.445-1 1-1s1 .445 1 1v4h2v-4c0-.555.445-1 1-1s1 .445 1 1v4h2.094v-2c0-.555.445-1 1-1s1 .445 1 1v7.813c0 3.464-2.723 6.187-6.188 6.187h-1.718c-1.465 0-2.731-.523-3.782-1.313l-8.094-8c-.445-.445-.445-.93 0-1.375c.446-.445.93-.445 1.375 0L12 21.625V5c0-.555.445-1 1-1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M13 2c-1.645 0-3 1.355-3 3v11.813l-.656-.688l-.25-.219a2.97 2.97 0 0 0-4.188 0a2.97 2.97 0 0 0 0 4.188v.031l8.188 8.094l.062.031l.031.063a8.3 8.3 0 0 0 5 1.687h1.72a8.17 8.17 0 0 0 8.187-8.188V14c0-1.645-1.356-3-3-3c-.426 0-.82.117-1.188.281C23.578 9.981 22.395 9 21 9c-.766 0-1.469.3-2 .781A2.98 2.98 0 0 0 17 9a3 3 0 0 0-1 .188V5c0-1.645-1.355-3-3-3m0 2c.555 0 1 .445 1 1v11h2v-4c0-.555.445-1 1-1s1 .445 1 1v4h2v-4c0-.555.445-1 1-1s1 .445 1 1v4h2.094v-2c0-.555.445-1 1-1s1 .445 1 1v7.813c0 3.464-2.723 6.187-6.188 6.187h-1.718c-1.465 0-2.731-.523-3.782-1.313l-8.094-8c-.445-.445-.445-.93 0-1.375c.446-.445.93-.445 1.375 0L12 21.625V5c0-.555.445-1 1-1"/></svg> </template>
CSS
.icon-hand-pointer {
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%22M13%202c-1.645%200-3%201.355-3%203v11.813l-.656-.688l-.25-.219a2.97%202.97%200%200%200-4.188%200a2.97%202.97%200%200%200%200%204.188v.031l8.188%208.094l.062.031l.031.063a8.3%208.3%200%200%200%205%201.687h1.72a8.17%208.17%200%200%200%208.187-8.188V14c0-1.645-1.356-3-3-3c-.426%200-.82.117-1.188.281C23.578%209.981%2022.395%209%2021%209c-.766%200-1.469.3-2%20.781A2.98%202.98%200%200%200%2017%209a3%203%200%200%200-1%20.188V5c0-1.645-1.355-3-3-3m0%202c.555%200%201%20.445%201%201v11h2v-4c0-.555.445-1%201-1s1%20.445%201%201v4h2v-4c0-.555.445-1%201-1s1%20.445%201%201v4h2.094v-2c0-.555.445-1%201-1s1%20.445%201%201v7.813c0%203.464-2.723%206.187-6.188%206.187h-1.718c-1.465%200-2.731-.523-3.782-1.313l-8.094-8c-.445-.445-.445-.93%200-1.375c.446-.445.93-.445%201.375%200L12%2021.625V5c0-.555.445-1%201-1%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%22M13%202c-1.645%200-3%201.355-3%203v11.813l-.656-.688l-.25-.219a2.97%202.97%200%200%200-4.188%200a2.97%202.97%200%200%200%200%204.188v.031l8.188%208.094l.062.031l.031.063a8.3%208.3%200%200%200%205%201.687h1.72a8.17%208.17%200%200%200%208.187-8.188V14c0-1.645-1.356-3-3-3c-.426%200-.82.117-1.188.281C23.578%209.981%2022.395%209%2021%209c-.766%200-1.469.3-2%20.781A2.98%202.98%200%200%200%2017%209a3%203%200%200%200-1%20.188V5c0-1.645-1.355-3-3-3m0%202c.555%200%201%20.445%201%201v11h2v-4c0-.555.445-1%201-1s1%20.445%201%201v4h2v-4c0-.555.445-1%201-1s1%20.445%201%201v4h2.094v-2c0-.555.445-1%201-1s1%20.445%201%201v7.813c0%203.464-2.723%206.187-6.188%206.187h-1.718c-1.465%200-2.731-.523-3.782-1.313l-8.094-8c-.445-.445-.445-.93%200-1.375c.446-.445.93-.445%201.375%200L12%2021.625V5c0-.555.445-1%201-1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/hand-pointer.svg?color=%231a73e8&size=48
