Clip icon
ls:clip
The Clip icon (ls:clip) is a free SVG icon from the Ligature Symbols set by Kazuyuki Motoyama. It is drawn on a 718 × 701 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
- 718 × 701
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="718" height="701" viewBox="0 0 718 701"><path fill="currentColor" d="m175 397l280-280c3-3 27-27 65-40c53-17 107-3 150 40c44 43 57 96 40 149c-12 38-37 64-40 67L369 634c-52 52-182 119-302 0c-119-119-51-250 0-301L390 9c12-12 31-12 43 0s12 31 0 43L111 376c-5 4-106 109 0 215c103 103 204 11 215 0l301-302s17-17 25-41c10-32 3-60-25-88c-60-60-118-10-129 0L218 439c-10 10-17 27 0 44s33 9 43 0l194-194c12-11 32-11 43 0c12 12 12 32 0 44L304 526c-27 26-82 47-129 0c-48-47-27-103 0-129"/></svg>How to use the Clip icon
React
import { Icon } from "@iconify/react";
<Icon icon="ls:clip" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:clip" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:clip" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--clip]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:clip"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:clip"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ls/clip.svg" alt="Clip icon" width="24" height="24">Clip icon in other icon sets
Clip icon FAQ
Is the Clip 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 Clip icon in React?
Install @iconify/react and render <Icon icon="ls:clip" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Clip icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ls/clip.svg" alt="Clip icon">, or paste the SVG code inline to style it with CSS.