desktop access disabled icon

desktop-access-disabled-outline-rounded from Material Symbols Light by Google · Outline Rounded · Hardware · Apache-2.0 Free for personal and commercial use.

Name
desktop-access-disabled-outline-rounded
Set
Material Symbols Light
Style
Outline Rounded
Category
Hardware
Viewbox
24×24
License
Apache 2.0

5 other variants in Material Symbols Light

The same icon in other sets

More hardware icons from Material Symbols Light

Use the desktop access disabled icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m4.425 4.04l.96.96h-.77q-.23 0-.423.192T4 5.616v9.769q0 .269.173.442t.443.173h10.353L2.131 3.162q-.14-.14-.15-.345t.15-.363t.354-.16t.354.16L20.816 20.43q.14.14.15.344t-.15.364t-.354.159t-.354-.16L15.969 17H13v2h1.5q.213 0 .356.144t.144.357t-.144.356T14.5 20h-5q-.213 0-.356-.144T9 19.499t.144-.356T9.5 19H11v-2H4.616q-.691 0-1.153-.462T3 15.385v-9.77q0-.713.463-1.144t.962-.43M21 5.616v9.711q0 .25-.155.375t-.341.125t-.345-.13t-.159-.376V5.616q0-.27-.173-.443T19.385 5H9.154q-.25 0-.375-.155t-.125-.341t.125-.345T9.154 4h10.23q.691 0 1.154.463T21 5.616M9.696 10.727"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightDesktopAccessDisabledOutlineRounded(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="m4.425 4.04l.96.96h-.77q-.23 0-.423.192T4 5.616v9.769q0 .269.173.442t.443.173h10.353L2.131 3.162q-.14-.14-.15-.345t.15-.363t.354-.16t.354.16L20.816 20.43q.14.14.15.344t-.15.364t-.354.159t-.354-.16L15.969 17H13v2h1.5q.213 0 .356.144t.144.357t-.144.356T14.5 20h-5q-.213 0-.356-.144T9 19.499t.144-.356T9.5 19H11v-2H4.616q-.691 0-1.153-.462T3 15.385v-9.77q0-.713.463-1.144t.962-.43M21 5.616v9.711q0 .25-.155.375t-.341.125t-.345-.13t-.159-.376V5.616q0-.27-.173-.443T19.385 5H9.154q-.25 0-.375-.155t-.125-.341t.125-.345T9.154 4h10.23q.691 0 1.154.463T21 5.616M9.696 10.727"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m4.425 4.04l.96.96h-.77q-.23 0-.423.192T4 5.616v9.769q0 .269.173.442t.443.173h10.353L2.131 3.162q-.14-.14-.15-.345t.15-.363t.354-.16t.354.16L20.816 20.43q.14.14.15.344t-.15.364t-.354.159t-.354-.16L15.969 17H13v2h1.5q.213 0 .356.144t.144.357t-.144.356T14.5 20h-5q-.213 0-.356-.144T9 19.499t.144-.356T9.5 19H11v-2H4.616q-.691 0-1.153-.462T3 15.385v-9.77q0-.713.463-1.144t.962-.43M21 5.616v9.711q0 .25-.155.375t-.341.125t-.345-.13t-.159-.376V5.616q0-.27-.173-.443T19.385 5H9.154q-.25 0-.375-.155t-.125-.341t.125-.345T9.154 4h10.23q.691 0 1.154.463T21 5.616M9.696 10.727"/></svg>
</template>

CSS

.icon-desktop-access-disabled-outline-rounded {
  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%22m4.425%204.04l.96.96h-.77q-.23%200-.423.192T4%205.616v9.769q0%20.269.173.442t.443.173h10.353L2.131%203.162q-.14-.14-.15-.345t.15-.363t.354-.16t.354.16L20.816%2020.43q.14.14.15.344t-.15.364t-.354.159t-.354-.16L15.969%2017H13v2h1.5q.213%200%20.356.144t.144.357t-.144.356T14.5%2020h-5q-.213%200-.356-.144T9%2019.499t.144-.356T9.5%2019H11v-2H4.616q-.691%200-1.153-.462T3%2015.385v-9.77q0-.713.463-1.144t.962-.43M21%205.616v9.711q0%20.25-.155.375t-.341.125t-.345-.13t-.159-.376V5.616q0-.27-.173-.443T19.385%205H9.154q-.25%200-.375-.155t-.125-.341t.125-.345T9.154%204h10.23q.691%200%201.154.463T21%205.616M9.696%2010.727%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%22m4.425%204.04l.96.96h-.77q-.23%200-.423.192T4%205.616v9.769q0%20.269.173.442t.443.173h10.353L2.131%203.162q-.14-.14-.15-.345t.15-.363t.354-.16t.354.16L20.816%2020.43q.14.14.15.344t-.15.364t-.354.159t-.354-.16L15.969%2017H13v2h1.5q.213%200%20.356.144t.144.357t-.144.356T14.5%2020h-5q-.213%200-.356-.144T9%2019.499t.144-.356T9.5%2019H11v-2H4.616q-.691%200-1.153-.462T3%2015.385v-9.77q0-.713.463-1.144t.962-.43M21%205.616v9.711q0%20.25-.155.375t-.341.125t-.345-.13t-.159-.376V5.616q0-.27-.173-.443T19.385%205H9.154q-.25%200-.375-.155t-.125-.341t.125-.345T9.154%204h10.23q.691%200%201.154.463T21%205.616M9.696%2010.727%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/desktop-access-disabled-outline-rounded.svg?color=%231a73e8&size=48