window multiple off icon

window-multiple-off-20-filled from Fluent UI System Icons by Microsoft Corporation · 20 Filled · MIT Free for personal and commercial use.

Name
window-multiple-off-20-filled
Set
Fluent UI System Icons
Style
20 Filled
Viewbox
20×20
License
MIT

5 other variants in Fluent UI System Icons

window-multiple-off-16-filledwindow-multiple-off-16-regularwindow-multiple-off-20-regularwindow-multiple-off-24-filledwindow-multiple-off-24-regular

Related icons in Fluent UI System Icons

window-ad-20-filledwindow-ad-off-20-filledwindow-ad-person-20-filledwindow-apps-16-filledwindow-arrow-up-16-filledwindow-brush-20-filledwindow-bullet-list-20-filledwindow-bullet-list-add-20-filledwindow-column-one-fourth-left-20-filledwindow-column-one-fourth-left-focus-left-20-filledwindow-column-one-fourth-left-focus-top-20-filledwindow-console-20-filledwindow-database-20-filledwindow-dev-edit-16-filledwindow-dev-tools-16-filledwindow-edit-16-filledwindow-fingerprint-16-filledwindow-header-horizontal-20-filledwindow-header-horizontal-off-20-filledwindow-header-vertical-20-filledwindow-inprivate-20-filledwindow-inprivate-account-20-filledwindow-location-target-20-filledwindow-multiple-16-filled

Use the window multiple off icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M2.146 2.146a.5.5 0 0 1 .708 0l15 15a.5.5 0 0 1-.707.707l-.696-.695A3.98 3.98 0 0 1 14 18H7.5a2.5 2.5 0 0 1-2.45-2h1.035A1.5 1.5 0 0 0 7.5 17H14a3 3 0 0 0 1.735-.558l-1.857-1.857A2.5 2.5 0 0 1 12.5 15h-8A2.5 2.5 0 0 1 2 12.5v-8c0-.51.152-.984.414-1.379l-.268-.267a.5.5 0 0 1 0-.708M16 5.05a2.5 2.5 0 0 1 2 2.45V14c0 .554-.114 1.082-.317 1.562l-.788-.789A3 3 0 0 0 17 14V7.5a1.5 1.5 0 0 0-1-1.415zM3 6v6.5A1.5 1.5 0 0 0 4.5 14h8a1.5 1.5 0 0 0 .645-.148L5.293 6zm9.5-4A2.5 2.5 0 0 1 15 4.5v8c0 .12-.012.236-.028.35L14 11.88V6H8.121L4.148 2.027Q4.321 2.001 4.5 2z"/></svg>

React

import type { SVGProps } from "react";

export function FluentWindowMultipleOff20Filled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M2.146 2.146a.5.5 0 0 1 .708 0l15 15a.5.5 0 0 1-.707.707l-.696-.695A3.98 3.98 0 0 1 14 18H7.5a2.5 2.5 0 0 1-2.45-2h1.035A1.5 1.5 0 0 0 7.5 17H14a3 3 0 0 0 1.735-.558l-1.857-1.857A2.5 2.5 0 0 1 12.5 15h-8A2.5 2.5 0 0 1 2 12.5v-8c0-.51.152-.984.414-1.379l-.268-.267a.5.5 0 0 1 0-.708M16 5.05a2.5 2.5 0 0 1 2 2.45V14c0 .554-.114 1.082-.317 1.562l-.788-.789A3 3 0 0 0 17 14V7.5a1.5 1.5 0 0 0-1-1.415zM3 6v6.5A1.5 1.5 0 0 0 4.5 14h8a1.5 1.5 0 0 0 .645-.148L5.293 6zm9.5-4A2.5 2.5 0 0 1 15 4.5v8c0 .12-.012.236-.028.35L14 11.88V6H8.121L4.148 2.027Q4.321 2.001 4.5 2z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M2.146 2.146a.5.5 0 0 1 .708 0l15 15a.5.5 0 0 1-.707.707l-.696-.695A3.98 3.98 0 0 1 14 18H7.5a2.5 2.5 0 0 1-2.45-2h1.035A1.5 1.5 0 0 0 7.5 17H14a3 3 0 0 0 1.735-.558l-1.857-1.857A2.5 2.5 0 0 1 12.5 15h-8A2.5 2.5 0 0 1 2 12.5v-8c0-.51.152-.984.414-1.379l-.268-.267a.5.5 0 0 1 0-.708M16 5.05a2.5 2.5 0 0 1 2 2.45V14c0 .554-.114 1.082-.317 1.562l-.788-.789A3 3 0 0 0 17 14V7.5a1.5 1.5 0 0 0-1-1.415zM3 6v6.5A1.5 1.5 0 0 0 4.5 14h8a1.5 1.5 0 0 0 .645-.148L5.293 6zm9.5-4A2.5 2.5 0 0 1 15 4.5v8c0 .12-.012.236-.028.35L14 11.88V6H8.121L4.148 2.027Q4.321 2.001 4.5 2z"/></svg>
</template>

CSS

.icon-window-multiple-off-20-filled {
  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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.146%202.146a.5.5%200%200%201%20.708%200l15%2015a.5.5%200%200%201-.707.707l-.696-.695A3.98%203.98%200%200%201%2014%2018H7.5a2.5%202.5%200%200%201-2.45-2h1.035A1.5%201.5%200%200%200%207.5%2017H14a3%203%200%200%200%201.735-.558l-1.857-1.857A2.5%202.5%200%200%201%2012.5%2015h-8A2.5%202.5%200%200%201%202%2012.5v-8c0-.51.152-.984.414-1.379l-.268-.267a.5.5%200%200%201%200-.708M16%205.05a2.5%202.5%200%200%201%202%202.45V14c0%20.554-.114%201.082-.317%201.562l-.788-.789A3%203%200%200%200%2017%2014V7.5a1.5%201.5%200%200%200-1-1.415zM3%206v6.5A1.5%201.5%200%200%200%204.5%2014h8a1.5%201.5%200%200%200%20.645-.148L5.293%206zm9.5-4A2.5%202.5%200%200%201%2015%204.5v8c0%20.12-.012.236-.028.35L14%2011.88V6H8.121L4.148%202.027Q4.321%202.001%204.5%202z%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.146%202.146a.5.5%200%200%201%20.708%200l15%2015a.5.5%200%200%201-.707.707l-.696-.695A3.98%203.98%200%200%201%2014%2018H7.5a2.5%202.5%200%200%201-2.45-2h1.035A1.5%201.5%200%200%200%207.5%2017H14a3%203%200%200%200%201.735-.558l-1.857-1.857A2.5%202.5%200%200%201%2012.5%2015h-8A2.5%202.5%200%200%201%202%2012.5v-8c0-.51.152-.984.414-1.379l-.268-.267a.5.5%200%200%201%200-.708M16%205.05a2.5%202.5%200%200%201%202%202.45V14c0%20.554-.114%201.082-.317%201.562l-.788-.789A3%203%200%200%200%2017%2014V7.5a1.5%201.5%200%200%200-1-1.415zM3%206v6.5A1.5%201.5%200%200%200%204.5%2014h8a1.5%201.5%200%200%200%20.645-.148L5.293%206zm9.5-4A2.5%202.5%200%200%201%2015%204.5v8c0%20.12-.012.236-.028.35L14%2011.88V6H8.121L4.148%202.027Q4.321%202.001%204.5%202z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/window-multiple-off-20-filled.svg?color=%231a73e8&size=48

Window Multiple Off 20 filled icon — Fluent UI System Icons · IconsDB