Lefthook icon

file-icons:lefthook

The Lefthook icon (file-icons:lefthook) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC 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: File Icons
Author: John Gardner
License: ISC
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M217.196 372.697c-34.701 6.227-68.973 14.057-102.916 23.115L0 344.418c23.38-52.969 56.469-95.882 98.268-129.776L81.223 182.36c21.51-55.631 105.655-81.577 144.496-62.5c32.153-17.833 65.406-30.596 99.688-38.609L512 281.402c-51.788 102.445-63.68 159.022-157.926 147.983c-39.876-5.14-83.772-26.278-136.878-56.688m-200.15-34.865l79.027 35.64a668 668 0 0 1 80.706-23.63l-88.067-49.328L118.8 253.38l-14.334-27.117c-35.903 29.635-65.861 65.91-87.42 111.568m78.64-155.601L129 245.117c47.407 8.9 86.053-34.834 86.13-49.199c.903-11.621-6.715-27.246-28.022-56.946c30.087 20.144 50.62 52.427 34.09 75.67c-24.988 30.569-49.946 48.36-90.39 43.904l-23.89 37.448l63.92 35.382c65.856-3.487 108.469-43.388 149.661-108.857c-31.507 66.89-70.505 109.76-130.68 119.833l34.35 19.37c64.564-4.262 103.562-39.644 144.367-104.467c-31.12 66.115-67.019 105.112-125.256 115.184l36.156 18.724c64.307-4.132 100.205-34.994 141.01-99.818c-29.958 63.661-61.982 98.785-115.83 109.76c39.385 11.623 71.28 4.52 103.304-15.495c10.976-7.102 37.319-44.55 78.77-112.601L327.085 101.783l-67.922 121.124c-32.586 54.393-64.947 77.256-119.445 77.348c47.574-10.076 83.236-39.47 108.21-83.805l66.89-119.058a354.9 354.9 0 0 0-96.59 41.838l-13.946-6.456a487 487 0 0 1 6.974-4.39c-37.874-8.701-98.794 15.839-115.572 53.847"/></svg>

How to use the Lefthook icon

React

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

<Icon icon="file-icons:lefthook" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:lefthook" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:lefthook" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--lefthook]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:lefthook"></div>

Web component

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

<iconify-icon icon="file-icons:lefthook"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/lefthook.svg" alt="Lefthook icon" width="24" height="24">

Related icons in File Icons

Lefthook icon in other icon sets

Lefthook icon FAQ

Is the Lefthook icon free for commercial use?

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

How do I use the Lefthook icon in React?

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

How do I add the Lefthook icon to a web page?

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

Browse all File Icons →