unlink icon

unlink-24 from Octicons by GitHub · 24 · MIT Free for personal and commercial use.

Name: unlink-24
Set: Octicons
Style: 24
Viewbox: 24×24
License: MIT

1 other variant in Octicons

The same icon in other sets

unlinkBoxIcons v2 unlinkCarbon unlinkFont Awesome Solid unlinkIconPark unlinkIconPark Outline unlinkIonIcons unlinkJam Icons unlinkLine Awesome unlinkLucide unlink-fillMingCute Icon unlinkMyna UI Icons unlinkPixelarticons unlink-boldSolar unlinkTabler Icons

Use the unlink icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.347 3.653a3.936 3.936 0 0 0-5.567 0l-1.75 1.75a.75.75 0 0 1-1.06-1.06l1.75-1.75a5.436 5.436 0 0 1 7.688 7.687l-1.564 1.564a.75.75 0 0 1-1.06-1.06l1.563-1.564a3.936 3.936 0 0 0 0-5.567M9.786 12.369a.75.75 0 0 1 1.053.125q.143.183.314.353c1.348 1.348 3.386 1.587 4.89.658l-3.922-2.858l-.057-.037c-1.419-1.013-3.454-.787-4.784.543L3.653 14.78a3.936 3.936 0 0 0 5.567 5.567l3-3a.75.75 0 1 1 1.06 1.06l-3 3a5.436 5.436 0 1 1-7.688-7.687l3.628-3.628a5.5 5.5 0 0 1 3.014-1.547l-7.05-5.136a.75.75 0 0 1 .883-1.213l20.25 14.75a.75.75 0 0 1-.884 1.213l-5.109-3.722c-2.155 1.709-5.278 1.425-7.232-.53a6 6 0 0 1-.431-.485a.75.75 0 0 1 .125-1.053"/></svg>

React

import type { SVGProps } from "react";

export function OcticonUnlink24(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="M20.347 3.653a3.936 3.936 0 0 0-5.567 0l-1.75 1.75a.75.75 0 0 1-1.06-1.06l1.75-1.75a5.436 5.436 0 0 1 7.688 7.687l-1.564 1.564a.75.75 0 0 1-1.06-1.06l1.563-1.564a3.936 3.936 0 0 0 0-5.567M9.786 12.369a.75.75 0 0 1 1.053.125q.143.183.314.353c1.348 1.348 3.386 1.587 4.89.658l-3.922-2.858l-.057-.037c-1.419-1.013-3.454-.787-4.784.543L3.653 14.78a3.936 3.936 0 0 0 5.567 5.567l3-3a.75.75 0 1 1 1.06 1.06l-3 3a5.436 5.436 0 1 1-7.688-7.687l3.628-3.628a5.5 5.5 0 0 1 3.014-1.547l-7.05-5.136a.75.75 0 0 1 .883-1.213l20.25 14.75a.75.75 0 0 1-.884 1.213l-5.109-3.722c-2.155 1.709-5.278 1.425-7.232-.53a6 6 0 0 1-.431-.485a.75.75 0 0 1 .125-1.053"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.347 3.653a3.936 3.936 0 0 0-5.567 0l-1.75 1.75a.75.75 0 0 1-1.06-1.06l1.75-1.75a5.436 5.436 0 0 1 7.688 7.687l-1.564 1.564a.75.75 0 0 1-1.06-1.06l1.563-1.564a3.936 3.936 0 0 0 0-5.567M9.786 12.369a.75.75 0 0 1 1.053.125q.143.183.314.353c1.348 1.348 3.386 1.587 4.89.658l-3.922-2.858l-.057-.037c-1.419-1.013-3.454-.787-4.784.543L3.653 14.78a3.936 3.936 0 0 0 5.567 5.567l3-3a.75.75 0 1 1 1.06 1.06l-3 3a5.436 5.436 0 1 1-7.688-7.687l3.628-3.628a5.5 5.5 0 0 1 3.014-1.547l-7.05-5.136a.75.75 0 0 1 .883-1.213l20.25 14.75a.75.75 0 0 1-.884 1.213l-5.109-3.722c-2.155 1.709-5.278 1.425-7.232-.53a6 6 0 0 1-.431-.485a.75.75 0 0 1 .125-1.053"/></svg>
</template>

CSS

.icon-unlink-24 {
  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%22M20.347%203.653a3.936%203.936%200%200%200-5.567%200l-1.75%201.75a.75.75%200%200%201-1.06-1.06l1.75-1.75a5.436%205.436%200%200%201%207.688%207.687l-1.564%201.564a.75.75%200%200%201-1.06-1.06l1.563-1.564a3.936%203.936%200%200%200%200-5.567M9.786%2012.369a.75.75%200%200%201%201.053.125q.143.183.314.353c1.348%201.348%203.386%201.587%204.89.658l-3.922-2.858l-.057-.037c-1.419-1.013-3.454-.787-4.784.543L3.653%2014.78a3.936%203.936%200%200%200%205.567%205.567l3-3a.75.75%200%201%201%201.06%201.06l-3%203a5.436%205.436%200%201%201-7.688-7.687l3.628-3.628a5.5%205.5%200%200%201%203.014-1.547l-7.05-5.136a.75.75%200%200%201%20.883-1.213l20.25%2014.75a.75.75%200%200%201-.884%201.213l-5.109-3.722c-2.155%201.709-5.278%201.425-7.232-.53a6%206%200%200%201-.431-.485a.75.75%200%200%201%20.125-1.053%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%22M20.347%203.653a3.936%203.936%200%200%200-5.567%200l-1.75%201.75a.75.75%200%200%201-1.06-1.06l1.75-1.75a5.436%205.436%200%200%201%207.688%207.687l-1.564%201.564a.75.75%200%200%201-1.06-1.06l1.563-1.564a3.936%203.936%200%200%200%200-5.567M9.786%2012.369a.75.75%200%200%201%201.053.125q.143.183.314.353c1.348%201.348%203.386%201.587%204.89.658l-3.922-2.858l-.057-.037c-1.419-1.013-3.454-.787-4.784.543L3.653%2014.78a3.936%203.936%200%200%200%205.567%205.567l3-3a.75.75%200%201%201%201.06%201.06l-3%203a5.436%205.436%200%201%201-7.688-7.687l3.628-3.628a5.5%205.5%200%200%201%203.014-1.547l-7.05-5.136a.75.75%200%200%201%20.883-1.213l20.25%2014.75a.75.75%200%200%201-.884%201.213l-5.109-3.722c-2.155%201.709-5.278%201.425-7.232-.53a6%206%200%200%201-.431-.485a.75.75%200%200%201%20.125-1.053%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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