Hand Pointer Fill icon

keyline-icons:hand-pointer-fill

The Hand Pointer Fill icon (keyline-icons:hand-pointer-fill) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Keyline Icons
Author: Keyline Icons
License: MIT
Size: 24 × 24
Tags: handpointer, pointerfill, handpointerfill

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M8.0719 1.044C9.4692 0.7791 10.7466 1.7465 10.9908 3.1045L11.6588 6.823L12.1715 6.7742L12.1734 6.7742C13.0528 6.6909 13.8542 7.0602 14.3815 7.6823C14.788 7.4468 15.2677 7.3271 15.7799 7.3757C16.7139 7.4645 17.4711 8.0955 17.7828 8.9391C18.0831 8.8354 18.4302 8.7931 18.8043 8.8727C19.3582 8.9907 19.8193 9.3415 20.1861 9.8199C20.4435 10.1557 20.6053 10.6055 20.7145 11.0278C20.8305 11.4769 20.9141 12.0053 20.9596 12.5766C21.0504 13.7184 20.9962 15.1012 20.7066 16.4797C20.1365 19.1939 18.5577 22.2203 15.0162 22.8925C14.9976 22.896 14.9784 22.8988 14.9596 22.9012C13.8062 23.0518 12.1112 23.1423 10.2545 22.2948C8.402 21.4492 6.5227 19.7321 4.8434 16.5373L3.3307 13.9721C2.7212 12.9381 2.9704 11.5795 3.9449 10.8531C4.8696 10.164 6.1417 10.279 6.9352 11.1069L7.3766 11.5679L6.0621 4.0233C5.8261 2.6686 6.682 1.3078 8.0719 1.044ZM9.8537 8.0845L10.3569 10.885C10.4545 11.4285 10.9744 11.79 11.518 11.6923C12.0615 11.5947 12.423 11.0748 12.3253 10.5312L11.8221 7.7307C11.7245 7.1872 11.2046 6.8257 10.661 6.9234C10.1175 7.021 9.756 7.5409 9.8537 8.0845ZM13.1773 10.3412L13.3059 11.1459C13.3931 11.6913 13.9058 12.0627 14.4512 11.9756C14.9966 11.8884 15.368 11.3757 15.2809 10.8303L15.1523 10.0256C15.0651 9.4802 14.5524 9.1088 14.007 9.1959C13.4616 9.2831 13.0902 9.7958 13.1773 10.3412ZM16.2145 11.2014L16.2635 11.4567C16.3676 11.9991 16.8917 12.3544 17.4341 12.2503C17.9765 12.1462 18.3318 11.6221 18.2277 11.0797L18.1787 10.8244C18.0746 10.282 17.5505 9.9267 17.0081 10.0308C16.4657 10.1349 16.1104 10.659 16.2145 11.2014Z" clip-rule="evenodd"/></svg>

How to use the Hand Pointer Fill icon

React

import { Icon } from "@iconify/react";

<Icon icon="keyline-icons:hand-pointer-fill" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="keyline-icons:hand-pointer-fill" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="keyline-icons:hand-pointer-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--hand-pointer-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:hand-pointer-fill"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="keyline-icons:hand-pointer-fill"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/keyline-icons/hand-pointer-fill.svg" alt="Hand Pointer Fill icon" width="24" height="24">

Related icons in Keyline Icons

Hand Pointer Fill icon FAQ

Is the Hand Pointer Fill icon free for commercial use?

Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Hand Pointer Fill icon in React?

Install @iconify/react and render <Icon icon="keyline-icons:hand-pointer-fill" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Hand Pointer Fill icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/hand-pointer-fill.svg" alt="Hand Pointer Fill icon">, or paste the SVG code inline to style it with CSS.

Browse all Keyline Icons →