link broken minimalistic icon

link-broken-minimalistic-bold-duotone from Solar by 480 Design · Bold Duotone · CC-BY-4.0 Attribution required.

Name: link-broken-minimalistic-bold-duotone
Set: Solar
Style: Bold Duotone
Viewbox: 24×24
License: CC BY 4.0

Related icons in Solar

link-broken-bold-duotone link-circle-bold link-minimalistic-2-bold link-minimalistic-bold link-round-angle-bold link-round-bold link-square-bold

Use the link broken minimalistic icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.688 4.158c-2.72-2.544-7.112-2.544-9.833 0l-.367.343a.75.75 0 0 0 1.024 1.096l.367-.344c2.144-2.004 5.64-2.004 7.784 0c2.116 1.978 2.116 5.163 0 7.14l-2.202 2.06a.75.75 0 0 0 1.025 1.095l2.202-2.059c2.75-2.57 2.75-6.76 0-9.331M6.172 10.535a.75.75 0 1 0-1.052-1.07l-.905.89c-2.672 2.628-2.6 6.854.099 9.435c2.707 2.59 7.122 2.627 9.839.03l.365-.35a.75.75 0 0 0-1.036-1.084l-.366.35c-2.127 2.034-5.629 2.013-7.766-.03c-2.097-2.006-2.14-5.258-.083-7.281z" opacity=".5"/><path fill="currentColor" d="M7.28 2.713a.75.75 0 1 0-1.386.574l.913 2.205a.75.75 0 0 0 1.386-.574zm-3.449 2.7a.75.75 0 1 0-.658 1.348l5.548 2.707a.75.75 0 0 0 .658-1.348z"/></svg>

React

import type { SVGProps } from "react";

export function SolarLinkBrokenMinimalisticBoldDuotone(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="M19.688 4.158c-2.72-2.544-7.112-2.544-9.833 0l-.367.343a.75.75 0 0 0 1.024 1.096l.367-.344c2.144-2.004 5.64-2.004 7.784 0c2.116 1.978 2.116 5.163 0 7.14l-2.202 2.06a.75.75 0 0 0 1.025 1.095l2.202-2.059c2.75-2.57 2.75-6.76 0-9.331M6.172 10.535a.75.75 0 1 0-1.052-1.07l-.905.89c-2.672 2.628-2.6 6.854.099 9.435c2.707 2.59 7.122 2.627 9.839.03l.365-.35a.75.75 0 0 0-1.036-1.084l-.366.35c-2.127 2.034-5.629 2.013-7.766-.03c-2.097-2.006-2.14-5.258-.083-7.281z" opacity=".5"/><path fill="currentColor" d="M7.28 2.713a.75.75 0 1 0-1.386.574l.913 2.205a.75.75 0 0 0 1.386-.574zm-3.449 2.7a.75.75 0 1 0-.658 1.348l5.548 2.707a.75.75 0 0 0 .658-1.348z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.688 4.158c-2.72-2.544-7.112-2.544-9.833 0l-.367.343a.75.75 0 0 0 1.024 1.096l.367-.344c2.144-2.004 5.64-2.004 7.784 0c2.116 1.978 2.116 5.163 0 7.14l-2.202 2.06a.75.75 0 0 0 1.025 1.095l2.202-2.059c2.75-2.57 2.75-6.76 0-9.331M6.172 10.535a.75.75 0 1 0-1.052-1.07l-.905.89c-2.672 2.628-2.6 6.854.099 9.435c2.707 2.59 7.122 2.627 9.839.03l.365-.35a.75.75 0 0 0-1.036-1.084l-.366.35c-2.127 2.034-5.629 2.013-7.766-.03c-2.097-2.006-2.14-5.258-.083-7.281z" opacity=".5"/><path fill="currentColor" d="M7.28 2.713a.75.75 0 1 0-1.386.574l.913 2.205a.75.75 0 0 0 1.386-.574zm-3.449 2.7a.75.75 0 1 0-.658 1.348l5.548 2.707a.75.75 0 0 0 .658-1.348z"/></svg>
</template>

CSS

.icon-link-broken-minimalistic-bold-duotone {
  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%22M19.688%204.158c-2.72-2.544-7.112-2.544-9.833%200l-.367.343a.75.75%200%200%200%201.024%201.096l.367-.344c2.144-2.004%205.64-2.004%207.784%200c2.116%201.978%202.116%205.163%200%207.14l-2.202%202.06a.75.75%200%200%200%201.025%201.095l2.202-2.059c2.75-2.57%202.75-6.76%200-9.331M6.172%2010.535a.75.75%200%201%200-1.052-1.07l-.905.89c-2.672%202.628-2.6%206.854.099%209.435c2.707%202.59%207.122%202.627%209.839.03l.365-.35a.75.75%200%200%200-1.036-1.084l-.366.35c-2.127%202.034-5.629%202.013-7.766-.03c-2.097-2.006-2.14-5.258-.083-7.281z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.28%202.713a.75.75%200%201%200-1.386.574l.913%202.205a.75.75%200%200%200%201.386-.574zm-3.449%202.7a.75.75%200%201%200-.658%201.348l5.548%202.707a.75.75%200%200%200%20.658-1.348z%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%22M19.688%204.158c-2.72-2.544-7.112-2.544-9.833%200l-.367.343a.75.75%200%200%200%201.024%201.096l.367-.344c2.144-2.004%205.64-2.004%207.784%200c2.116%201.978%202.116%205.163%200%207.14l-2.202%202.06a.75.75%200%200%200%201.025%201.095l2.202-2.059c2.75-2.57%202.75-6.76%200-9.331M6.172%2010.535a.75.75%200%201%200-1.052-1.07l-.905.89c-2.672%202.628-2.6%206.854.099%209.435c2.707%202.59%207.122%202.627%209.839.03l.365-.35a.75.75%200%200%200-1.036-1.084l-.366.35c-2.127%202.034-5.629%202.013-7.766-.03c-2.097-2.006-2.14-5.258-.083-7.281z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.28%202.713a.75.75%200%201%200-1.386.574l.913%202.205a.75.75%200%200%200%201.386-.574zm-3.449%202.7a.75.75%200%201%200-.658%201.348l5.548%202.707a.75.75%200%200%200%20.658-1.348z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/link-broken-minimalistic-bold-duotone.svg?color=%231a73e8&size=48