Unlink icon
icon-park:unlink
The Unlink icon (icon-park:unlink) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 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
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Edit
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M25.8927 16.0307L18.1145 8.2525C15.2506 5.38866 10.7031 5.29302 7.9572 8.0389C5.21132 10.7848 5.30696 15.3323 8.1708 18.1962L15.949 25.9744"/><path d="M31.9161 22.0707L39.6943 29.8489C42.5581 32.7127 42.9291 37.1233 39.9079 40.0062C36.8867 42.8891 32.6144 42.6564 29.7506 39.7926L21.9724 32.0144"/><path d="M21.2384 21.0759L17.3493 17.1868"/><path d="M30.3131 30.1504L26.424 26.2613"/></g></svg>
How to use the Unlink icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:unlink" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:unlink" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:unlink" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--unlink]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:unlink"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:unlink"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/unlink.svg" alt="Unlink icon" width="24" height="24">
Unlink icon in other icon sets
Unlink icon FAQ
Is the Unlink icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Unlink icon in React?
Install @iconify/react and render <Icon icon="icon-park:unlink" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Unlink icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/unlink.svg" alt="Unlink icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
