disabled-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.

Name
disabled-line
Set
MingCute Icon
Style
Line
Viewbox
24×24
License
Apache 2.0

1 other variant in MingCute Icon

The same icon in other sets

Related icons in MingCute Icon

Use the disabled icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m19 19l-.8.6a1 1 0 0 0 .8.4zm1 1a1 1 0 1 0 0-2zM11.316 9.051a1 1 0 0 0-.632 1.898L11 10zM14 11l-.316.949A1 1 0 0 0 14 12zm2 1a1 1 0 1 0 0-2zm.6 3.8l-.8.6zM9.5 21v-1A4.5 4.5 0 0 1 5 15.5H3A6.5 6.5 0 0 0 9.5 22zM4 15.5h1a4.5 4.5 0 0 1 3.272-4.33L8 10.206l-.272-.962A6.5 6.5 0 0 0 3 15.5zM14.4 18l-.89-.455A4.5 4.5 0 0 1 9.5 20v2a6.5 6.5 0 0 0 5.79-3.545zM11 7h-1v6h2V7zm2 8v1h2v-2h-2zm3.6.8l-.8.6l2.4 3.2l.8-.6l.8-.6l-2.4-3.2zM19 19v1h1v-2h-1zM13 5h-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm-2 2V6a1 1 0 0 1-1-1H8a3 3 0 0 0 3 3zM9 5h1a1 1 0 0 1 1-1V2a3 3 0 0 0-3 3zm2-2v1a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3zm0 7l-.316.949l3 1L14 11l.316-.949l-3-1zm3 1v1h2v-2h-2zm1 4v1a1 1 0 0 1 .8.4l.8-.6l.8-.6A3 3 0 0 0 15 14zm-4-2h-1a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1z"/></svg>

React

import type { SVGProps } from "react";

export function MingcuteDisabledLine(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 19l-.8.6a1 1 0 0 0 .8.4zm1 1a1 1 0 1 0 0-2zM11.316 9.051a1 1 0 0 0-.632 1.898L11 10zM14 11l-.316.949A1 1 0 0 0 14 12zm2 1a1 1 0 1 0 0-2zm.6 3.8l-.8.6zM9.5 21v-1A4.5 4.5 0 0 1 5 15.5H3A6.5 6.5 0 0 0 9.5 22zM4 15.5h1a4.5 4.5 0 0 1 3.272-4.33L8 10.206l-.272-.962A6.5 6.5 0 0 0 3 15.5zM14.4 18l-.89-.455A4.5 4.5 0 0 1 9.5 20v2a6.5 6.5 0 0 0 5.79-3.545zM11 7h-1v6h2V7zm2 8v1h2v-2h-2zm3.6.8l-.8.6l2.4 3.2l.8-.6l.8-.6l-2.4-3.2zM19 19v1h1v-2h-1zM13 5h-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm-2 2V6a1 1 0 0 1-1-1H8a3 3 0 0 0 3 3zM9 5h1a1 1 0 0 1 1-1V2a3 3 0 0 0-3 3zm2-2v1a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3zm0 7l-.316.949l3 1L14 11l.316-.949l-3-1zm3 1v1h2v-2h-2zm1 4v1a1 1 0 0 1 .8.4l.8-.6l.8-.6A3 3 0 0 0 15 14zm-4-2h-1a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1z"/></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 19l-.8.6a1 1 0 0 0 .8.4zm1 1a1 1 0 1 0 0-2zM11.316 9.051a1 1 0 0 0-.632 1.898L11 10zM14 11l-.316.949A1 1 0 0 0 14 12zm2 1a1 1 0 1 0 0-2zm.6 3.8l-.8.6zM9.5 21v-1A4.5 4.5 0 0 1 5 15.5H3A6.5 6.5 0 0 0 9.5 22zM4 15.5h1a4.5 4.5 0 0 1 3.272-4.33L8 10.206l-.272-.962A6.5 6.5 0 0 0 3 15.5zM14.4 18l-.89-.455A4.5 4.5 0 0 1 9.5 20v2a6.5 6.5 0 0 0 5.79-3.545zM11 7h-1v6h2V7zm2 8v1h2v-2h-2zm3.6.8l-.8.6l2.4 3.2l.8-.6l.8-.6l-2.4-3.2zM19 19v1h1v-2h-1zM13 5h-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm-2 2V6a1 1 0 0 1-1-1H8a3 3 0 0 0 3 3zM9 5h1a1 1 0 0 1 1-1V2a3 3 0 0 0-3 3zm2-2v1a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3zm0 7l-.316.949l3 1L14 11l.316-.949l-3-1zm3 1v1h2v-2h-2zm1 4v1a1 1 0 0 1 .8.4l.8-.6l.8-.6A3 3 0 0 0 15 14zm-4-2h-1a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1z"/></svg>
</template>

CSS

.icon-disabled-line {
  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%2019l-.8.6a1%201%200%200%200%20.8.4zm1%201a1%201%200%201%200%200-2zM11.316%209.051a1%201%200%200%200-.632%201.898L11%2010zM14%2011l-.316.949A1%201%200%200%200%2014%2012zm2%201a1%201%200%201%200%200-2zm.6%203.8l-.8.6zM9.5%2021v-1A4.5%204.5%200%200%201%205%2015.5H3A6.5%206.5%200%200%200%209.5%2022zM4%2015.5h1a4.5%204.5%200%200%201%203.272-4.33L8%2010.206l-.272-.962A6.5%206.5%200%200%200%203%2015.5zM14.4%2018l-.89-.455A4.5%204.5%200%200%201%209.5%2020v2a6.5%206.5%200%200%200%205.79-3.545zM11%207h-1v6h2V7zm2%208v1h2v-2h-2zm3.6.8l-.8.6l2.4%203.2l.8-.6l.8-.6l-2.4-3.2zM19%2019v1h1v-2h-1zM13%205h-1a1%201%200%200%201-1%201v2a3%203%200%200%200%203-3zm-2%202V6a1%201%200%200%201-1-1H8a3%203%200%200%200%203%203zM9%205h1a1%201%200%200%201%201-1V2a3%203%200%200%200-3%203zm2-2v1a1%201%200%200%201%201%201h2a3%203%200%200%200-3-3zm0%207l-.316.949l3%201L14%2011l.316-.949l-3-1zm3%201v1h2v-2h-2zm1%204v1a1%201%200%200%201%20.8.4l.8-.6l.8-.6A3%203%200%200%200%2015%2014zm-4-2h-1a3%203%200%200%200%203%203v-2a1%201%200%200%201-1-1z%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%2019l-.8.6a1%201%200%200%200%20.8.4zm1%201a1%201%200%201%200%200-2zM11.316%209.051a1%201%200%200%200-.632%201.898L11%2010zM14%2011l-.316.949A1%201%200%200%200%2014%2012zm2%201a1%201%200%201%200%200-2zm.6%203.8l-.8.6zM9.5%2021v-1A4.5%204.5%200%200%201%205%2015.5H3A6.5%206.5%200%200%200%209.5%2022zM4%2015.5h1a4.5%204.5%200%200%201%203.272-4.33L8%2010.206l-.272-.962A6.5%206.5%200%200%200%203%2015.5zM14.4%2018l-.89-.455A4.5%204.5%200%200%201%209.5%2020v2a6.5%206.5%200%200%200%205.79-3.545zM11%207h-1v6h2V7zm2%208v1h2v-2h-2zm3.6.8l-.8.6l2.4%203.2l.8-.6l.8-.6l-2.4-3.2zM19%2019v1h1v-2h-1zM13%205h-1a1%201%200%200%201-1%201v2a3%203%200%200%200%203-3zm-2%202V6a1%201%200%200%201-1-1H8a3%203%200%200%200%203%203zM9%205h1a1%201%200%200%201%201-1V2a3%203%200%200%200-3%203zm2-2v1a1%201%200%200%201%201%201h2a3%203%200%200%200-3-3zm0%207l-.316.949l3%201L14%2011l.316-.949l-3-1zm3%201v1h2v-2h-2zm1%204v1a1%201%200%200%201%20.8.4l.8-.6l.8-.6A3%203%200%200%200%2015%2014zm-4-2h-1a3%203%200%200%200%203%203v-2a1%201%200%200%201-1-1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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