Hand Pointer Left Sharp Fill icon

keyline-icons:hand-pointer-left-sharp-fill

The Hand Pointer Left Sharp Fill icon (keyline-icons:hand-pointer-left-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, pointerleft, leftsharp, sharpfill, handpointerleftsharpfill

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="M1.044 8.0719C0.7791 9.4692 1.7465 10.7466 3.1045 10.9908L6.823 11.6588L6.7742 12.1715L6.7742 12.1734C6.6909 13.0528 7.0602 13.8542 7.6823 14.3815C7.4468 14.788 7.3271 15.2677 7.3757 15.7799C7.4645 16.7139 8.0955 17.4711 8.9391 17.7828C8.8354 18.0831 8.7931 18.4302 8.8727 18.8043C8.9907 19.3582 9.3415 19.8193 9.8199 20.1861C10.1557 20.4435 10.6055 20.6053 11.0278 20.7145C11.4769 20.8305 12.0053 20.9141 12.5766 20.9596C13.7184 21.0504 15.1012 20.9962 16.4797 20.7066C19.1939 20.1365 22.2203 18.5577 22.8925 15.0162C22.896 14.9976 22.8988 14.9784 22.9012 14.9596C23.0518 13.8062 23.1423 12.1112 22.2948 10.2545C21.4492 8.402 19.7321 6.5227 16.5373 4.8434L13.9721 3.3307C12.9381 2.7212 11.5795 2.9704 10.8531 3.9449C10.164 4.8696 10.279 6.1417 11.1069 6.9352L11.5679 7.3766L4.0233 6.0621C2.6686 5.8261 1.3078 6.682 1.044 8.0719ZM8.0844 9.8537L11.8691 10.5337L11.5155 12.5021L7.7308 11.8221ZM10.3412 13.1773L12.1334 13.4637L11.8178 15.4387L10.0256 15.1523ZM11.2012 16.2145L12.4386 16.4517L12.062 18.4159L10.8246 18.1787Z" clip-rule="evenodd"/></svg>

How to use the Hand Pointer Left Sharp Fill icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML image

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

Related icons in Keyline Icons

Hand Pointer Left Sharp Fill icon FAQ

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

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

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

Browse all Keyline Icons →