unlink 2 icon

unlink-2-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.

Name: unlink-2-fill
Set: MingCute Icon
Style: Fill
Viewbox: 24×24
License: Apache 2.0

1 other variant in MingCute Icon

The same icon in other sets

Use the unlink 2 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8 17.5A1.5 1.5 0 0 1 9.5 19v2a1.5 1.5 0 0 1-3 0v-2A1.5 1.5 0 0 1 8 17.5m8.245-7.62a1.5 1.5 0 0 1 2.121 0l1.766 1.766a6 6 0 0 1-8.485 8.486L9.88 18.366a1.5 1.5 0 0 1 2.121-2.12l1.766 1.765a3 3 0 0 0 4.243-4.243l-1.766-1.766a1.5 1.5 0 0 1 0-2.121M5 15.5a1.5 1.5 0 0 1 0 3H4a1.5 1.5 0 0 1 0-3zm3.82-6.682a1.5 1.5 0 0 1 2.12 0l4.243 4.243a1.5 1.5 0 0 1-2.121 2.12L8.819 10.94a1.5 1.5 0 0 1 0-2.122m-4.95-4.95a6 6 0 0 1 8.485 0l1.77 1.77a1.501 1.501 0 0 1-2.122 2.122l-1.77-1.77a3 3 0 0 0-4.242 4.242l1.77 1.77a1.5 1.5 0 0 1-2.122 2.121l-1.77-1.77a6 6 0 0 1 0-8.485M20 5.5a1.5 1.5 0 0 1 0 3h-1a1.5 1.5 0 1 1 0-3zm-4-4A1.5 1.5 0 0 1 17.5 3v2a1.5 1.5 0 0 1-3 0V3A1.5 1.5 0 0 1 16 1.5"/></svg>

React

import type { SVGProps } from "react";

export function MingcuteUnlink2Fill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8 17.5A1.5 1.5 0 0 1 9.5 19v2a1.5 1.5 0 0 1-3 0v-2A1.5 1.5 0 0 1 8 17.5m8.245-7.62a1.5 1.5 0 0 1 2.121 0l1.766 1.766a6 6 0 0 1-8.485 8.486L9.88 18.366a1.5 1.5 0 0 1 2.121-2.12l1.766 1.765a3 3 0 0 0 4.243-4.243l-1.766-1.766a1.5 1.5 0 0 1 0-2.121M5 15.5a1.5 1.5 0 0 1 0 3H4a1.5 1.5 0 0 1 0-3zm3.82-6.682a1.5 1.5 0 0 1 2.12 0l4.243 4.243a1.5 1.5 0 0 1-2.121 2.12L8.819 10.94a1.5 1.5 0 0 1 0-2.122m-4.95-4.95a6 6 0 0 1 8.485 0l1.77 1.77a1.501 1.501 0 0 1-2.122 2.122l-1.77-1.77a3 3 0 0 0-4.242 4.242l1.77 1.77a1.5 1.5 0 0 1-2.122 2.121l-1.77-1.77a6 6 0 0 1 0-8.485M20 5.5a1.5 1.5 0 0 1 0 3h-1a1.5 1.5 0 1 1 0-3zm-4-4A1.5 1.5 0 0 1 17.5 3v2a1.5 1.5 0 0 1-3 0V3A1.5 1.5 0 0 1 16 1.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8 17.5A1.5 1.5 0 0 1 9.5 19v2a1.5 1.5 0 0 1-3 0v-2A1.5 1.5 0 0 1 8 17.5m8.245-7.62a1.5 1.5 0 0 1 2.121 0l1.766 1.766a6 6 0 0 1-8.485 8.486L9.88 18.366a1.5 1.5 0 0 1 2.121-2.12l1.766 1.765a3 3 0 0 0 4.243-4.243l-1.766-1.766a1.5 1.5 0 0 1 0-2.121M5 15.5a1.5 1.5 0 0 1 0 3H4a1.5 1.5 0 0 1 0-3zm3.82-6.682a1.5 1.5 0 0 1 2.12 0l4.243 4.243a1.5 1.5 0 0 1-2.121 2.12L8.819 10.94a1.5 1.5 0 0 1 0-2.122m-4.95-4.95a6 6 0 0 1 8.485 0l1.77 1.77a1.501 1.501 0 0 1-2.122 2.122l-1.77-1.77a3 3 0 0 0-4.242 4.242l1.77 1.77a1.5 1.5 0 0 1-2.122 2.121l-1.77-1.77a6 6 0 0 1 0-8.485M20 5.5a1.5 1.5 0 0 1 0 3h-1a1.5 1.5 0 1 1 0-3zm-4-4A1.5 1.5 0 0 1 17.5 3v2a1.5 1.5 0 0 1-3 0V3A1.5 1.5 0 0 1 16 1.5"/></svg>
</template>

CSS

.icon-unlink-2-fill {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8%2017.5A1.5%201.5%200%200%201%209.5%2019v2a1.5%201.5%200%200%201-3%200v-2A1.5%201.5%200%200%201%208%2017.5m8.245-7.62a1.5%201.5%200%200%201%202.121%200l1.766%201.766a6%206%200%200%201-8.485%208.486L9.88%2018.366a1.5%201.5%200%200%201%202.121-2.12l1.766%201.765a3%203%200%200%200%204.243-4.243l-1.766-1.766a1.5%201.5%200%200%201%200-2.121M5%2015.5a1.5%201.5%200%200%201%200%203H4a1.5%201.5%200%200%201%200-3zm3.82-6.682a1.5%201.5%200%200%201%202.12%200l4.243%204.243a1.5%201.5%200%200%201-2.121%202.12L8.819%2010.94a1.5%201.5%200%200%201%200-2.122m-4.95-4.95a6%206%200%200%201%208.485%200l1.77%201.77a1.501%201.501%200%200%201-2.122%202.122l-1.77-1.77a3%203%200%200%200-4.242%204.242l1.77%201.77a1.5%201.5%200%200%201-2.122%202.121l-1.77-1.77a6%206%200%200%201%200-8.485M20%205.5a1.5%201.5%200%200%201%200%203h-1a1.5%201.5%200%201%201%200-3zm-4-4A1.5%201.5%200%200%201%2017.5%203v2a1.5%201.5%200%200%201-3%200V3A1.5%201.5%200%200%201%2016%201.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8%2017.5A1.5%201.5%200%200%201%209.5%2019v2a1.5%201.5%200%200%201-3%200v-2A1.5%201.5%200%200%201%208%2017.5m8.245-7.62a1.5%201.5%200%200%201%202.121%200l1.766%201.766a6%206%200%200%201-8.485%208.486L9.88%2018.366a1.5%201.5%200%200%201%202.121-2.12l1.766%201.765a3%203%200%200%200%204.243-4.243l-1.766-1.766a1.5%201.5%200%200%201%200-2.121M5%2015.5a1.5%201.5%200%200%201%200%203H4a1.5%201.5%200%200%201%200-3zm3.82-6.682a1.5%201.5%200%200%201%202.12%200l4.243%204.243a1.5%201.5%200%200%201-2.121%202.12L8.819%2010.94a1.5%201.5%200%200%201%200-2.122m-4.95-4.95a6%206%200%200%201%208.485%200l1.77%201.77a1.501%201.501%200%200%201-2.122%202.122l-1.77-1.77a3%203%200%200%200-4.242%204.242l1.77%201.77a1.5%201.5%200%200%201-2.122%202.121l-1.77-1.77a6%206%200%200%201%200-8.485M20%205.5a1.5%201.5%200%200%201%200%203h-1a1.5%201.5%200%201%201%200-3zm-4-4A1.5%201.5%200%200%201%2017.5%203v2a1.5%201.5%200%200%201-3%200V3A1.5%201.5%200%200%201%2016%201.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/unlink-2-fill.svg?color=%231a73e8&size=48