Grab icon
ls:grab
The Grab icon (ls:grab) is a free SVG icon from the Ligature Symbols set by Kazuyuki Motoyama. It is drawn on a 680 × 694 grid. Ligature Symbols icons are released under the Open Font 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
- Ligature Symbols
- Author
- Kazuyuki Motoyama
- License
- OFL-1.1
- Size
- 680 × 694
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="680" height="694" viewBox="0 0 680 694"><path fill="currentColor" d="M298 14h85v42h-85zM128 56h85v43h-85zm85 43h42V56h43v213h-43v-85h-42zm212-43h85v43h-85v170h-42V56zM85 184V99h43v85zm468-85v85h42v42h-42v85h-43V99zm42 85v-43h43v43zm43 42v-42h42v170h-42zm-468 43h-42v-85h42zm-127 0h85v42H43zM0 396v-85h43v85zm128-42v-43h42v-42h43v127h-43v-42zm467 85v-85h43v127h-43zM85 396v43H43v-43zm43 128H85v-85h43zm425 42v-85h42v85zm-383-42v42h-42v-42zm43 42v43h-43v-43zm297 86v-86h43v128h-43zm-255 42h-42v-85h42z"/></svg>
How to use the Grab icon
React
import { Icon } from "@iconify/react";
<Icon icon="ls:grab" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:grab" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:grab" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--grab]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:grab"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:grab"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/ls/grab.svg" alt="Grab icon" width="24" height="24">
Grab icon in other icon sets
Grab icon FAQ
Is the Grab icon free for commercial use?
Yes. Ligature Symbols icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Grab icon in React?
Install @iconify/react and render <Icon icon="ls:grab" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Grab icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ls/grab.svg" alt="Grab icon">, or paste the SVG code inline to style it with CSS.
Browse all Ligature Symbols icons →
ICONYZ
