Hand Pointer Sharp Fill icon

keyline-icons:hand-pointer-sharp-fill

The Hand Pointer Sharp Fill icon (keyline-icons:hand-pointer-sharp-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, pointersharp, sharpfill, handpointersharpfill

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.0844L10.5337 11.8691L12.5021 11.5155L11.8221 7.7308ZM13.1773 10.3412L13.4637 12.1334L15.4387 11.8178L15.1523 10.0256ZM16.2145 11.2012L16.4517 12.4386L18.4159 12.062L18.1787 10.8246Z" clip-rule="evenodd"/></svg>

How to use the Hand Pointer Sharp Fill icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:hand-pointer-sharp-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-sharp-fill"></iconify-icon>

HTML image

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

Related icons in Keyline Icons

Hand Pointer Sharp Fill icon FAQ

Is the Hand Pointer Sharp 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 Sharp Fill icon in React?

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

How do I add the Hand Pointer Sharp 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-sharp-fill.svg" alt="Hand Pointer Sharp Fill icon">, or paste the SVG code inline to style it with CSS.

Browse all Keyline Icons →