theater icon

theater from Material Design Icons by Pictogrammers · Filled · Home Automation · Apache-2.0 Free for personal and commercial use.

Name: theater
Set: Material Design Icons
Style: Filled
Category: Home Automation
Viewbox: 24×24
License: Apache 2.0
Aliases: cinema

The same icon in other sets

theaterCarbon theaterHuge Icons theaterIconPark theaterIconPark Outline theaterIconPark Solid theaterIconPark TwoTone theaterLucide theaterTabler Icons

More home automation icons from Material Design Icons

Use the theater icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 15h2a2 2 0 0 1 2 2v2h1v-2a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2h1v-2a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2h1v3H1v-3h1v-2a2 2 0 0 1 2-2m7-8l4 3l-4 3zM4 2h16a2 2 0 0 1 2 2v9.54a3.9 3.9 0 0 0-2-.54V4H4v9c-.73 0-1.41.19-2 .54V4a2 2 0 0 1 2-2"/></svg>

React

import type { SVGProps } from "react";

export function MdiTheater(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 15h2a2 2 0 0 1 2 2v2h1v-2a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2h1v-2a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2h1v3H1v-3h1v-2a2 2 0 0 1 2-2m7-8l4 3l-4 3zM4 2h16a2 2 0 0 1 2 2v9.54a3.9 3.9 0 0 0-2-.54V4H4v9c-.73 0-1.41.19-2 .54V4a2 2 0 0 1 2-2"/></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 15h2a2 2 0 0 1 2 2v2h1v-2a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2h1v-2a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2h1v3H1v-3h1v-2a2 2 0 0 1 2-2m7-8l4 3l-4 3zM4 2h16a2 2 0 0 1 2 2v9.54a3.9 3.9 0 0 0-2-.54V4H4v9c-.73 0-1.41.19-2 .54V4a2 2 0 0 1 2-2"/></svg>
</template>

CSS

.icon-theater {
  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%2015h2a2%202%200%200%201%202%202v2h1v-2a2%202%200%200%201%202-2h2a2%202%200%200%201%202%202v2h1v-2a2%202%200%200%201%202-2h2a2%202%200%200%201%202%202v2h1v3H1v-3h1v-2a2%202%200%200%201%202-2m7-8l4%203l-4%203zM4%202h16a2%202%200%200%201%202%202v9.54a3.9%203.9%200%200%200-2-.54V4H4v9c-.73%200-1.41.19-2%20.54V4a2%202%200%200%201%202-2%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%2015h2a2%202%200%200%201%202%202v2h1v-2a2%202%200%200%201%202-2h2a2%202%200%200%201%202%202v2h1v-2a2%202%200%200%201%202-2h2a2%202%200%200%201%202%202v2h1v3H1v-3h1v-2a2%202%200%200%201%202-2m7-8l4%203l-4%203zM4%202h16a2%202%200%200%201%202%202v9.54a3.9%203.9%200%200%200-2-.54V4H4v9c-.73%200-1.41.19-2%20.54V4a2%202%200%200%201%202-2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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