shades closed icon

shades-closed-outline from Material Symbols Light by Google · Outline · Household · Apache-2.0 Free for personal and commercial use.

Name: shades-closed-outline
Set: Material Symbols Light
Style: Outline
Category: Household
Viewbox: 24×24
License: Apache 2.0
Aliases: shades-closed-outline-sharp

3 other variants in Material Symbols Light

shades-closed shades-closed-outline-rounded shades-closed-rounded

The same icon in other sets

shades-closedMaterial Symbols

More household icons from Material Symbols Light

Use the shades closed icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.98 21.02V4H3V3h18v1h-.98v17.02h-1.068q-.344-.991-1.216-1.611q-.87-.62-1.967-.62q-1.102 0-1.941.62q-.84.62-1.184 1.61h-1.313q-.339-.99-1.171-1.61t-1.93-.62q-1.12 0-1.992.62q-.87.62-1.215 1.61zm1-1.77q.503-.575 1.208-.951t1.524-.462V4H4.98zm3.732-1.413q.863.086 1.584.513t1.204 1.104V4H8.711zM12.5 19.41q.483-.658 1.194-1.072t1.575-.501V4H12.5zm6.52-.116V4h-2.75v13.837q.824.086 1.536.472q.711.385 1.213.985M7.712 4H4.98zM11.5 4H8.711zm3.77 0H12.5zm3.75 0h-2.75zM12.5 4h-1z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightShadesClosedOutline(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="M3.98 21.02V4H3V3h18v1h-.98v17.02h-1.068q-.344-.991-1.216-1.611q-.87-.62-1.967-.62q-1.102 0-1.941.62q-.84.62-1.184 1.61h-1.313q-.339-.99-1.171-1.61t-1.93-.62q-1.12 0-1.992.62q-.87.62-1.215 1.61zm1-1.77q.503-.575 1.208-.951t1.524-.462V4H4.98zm3.732-1.413q.863.086 1.584.513t1.204 1.104V4H8.711zM12.5 19.41q.483-.658 1.194-1.072t1.575-.501V4H12.5zm6.52-.116V4h-2.75v13.837q.824.086 1.536.472q.711.385 1.213.985M7.712 4H4.98zM11.5 4H8.711zm3.77 0H12.5zm3.75 0h-2.75zM12.5 4h-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="M3.98 21.02V4H3V3h18v1h-.98v17.02h-1.068q-.344-.991-1.216-1.611q-.87-.62-1.967-.62q-1.102 0-1.941.62q-.84.62-1.184 1.61h-1.313q-.339-.99-1.171-1.61t-1.93-.62q-1.12 0-1.992.62q-.87.62-1.215 1.61zm1-1.77q.503-.575 1.208-.951t1.524-.462V4H4.98zm3.732-1.413q.863.086 1.584.513t1.204 1.104V4H8.711zM12.5 19.41q.483-.658 1.194-1.072t1.575-.501V4H12.5zm6.52-.116V4h-2.75v13.837q.824.086 1.536.472q.711.385 1.213.985M7.712 4H4.98zM11.5 4H8.711zm3.77 0H12.5zm3.75 0h-2.75zM12.5 4h-1z"/></svg>
</template>

CSS

.icon-shades-closed-outline {
  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%22M3.98%2021.02V4H3V3h18v1h-.98v17.02h-1.068q-.344-.991-1.216-1.611q-.87-.62-1.967-.62q-1.102%200-1.941.62q-.84.62-1.184%201.61h-1.313q-.339-.99-1.171-1.61t-1.93-.62q-1.12%200-1.992.62q-.87.62-1.215%201.61zm1-1.77q.503-.575%201.208-.951t1.524-.462V4H4.98zm3.732-1.413q.863.086%201.584.513t1.204%201.104V4H8.711zM12.5%2019.41q.483-.658%201.194-1.072t1.575-.501V4H12.5zm6.52-.116V4h-2.75v13.837q.824.086%201.536.472q.711.385%201.213.985M7.712%204H4.98zM11.5%204H8.711zm3.77%200H12.5zm3.75%200h-2.75zM12.5%204h-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%22M3.98%2021.02V4H3V3h18v1h-.98v17.02h-1.068q-.344-.991-1.216-1.611q-.87-.62-1.967-.62q-1.102%200-1.941.62q-.84.62-1.184%201.61h-1.313q-.339-.99-1.171-1.61t-1.93-.62q-1.12%200-1.992.62q-.87.62-1.215%201.61zm1-1.77q.503-.575%201.208-.951t1.524-.462V4H4.98zm3.732-1.413q.863.086%201.584.513t1.204%201.104V4H8.711zM12.5%2019.41q.483-.658%201.194-1.072t1.575-.501V4H12.5zm6.52-.116V4h-2.75v13.837q.824.086%201.536.472q.711.385%201.213.985M7.712%204H4.98zM11.5%204H8.711zm3.77%200H12.5zm3.75%200h-2.75zM12.5%204h-1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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