theatre icon
theatre-solid from Flowbite Icons by Themesberg · Solid · Education · MIT Free for personal and commercial use.
- Name
- theatre-solid
- Set
- Flowbite Icons
- Style
- Solid
- Category
- Education
- Viewbox
- 24×24
- License
- MIT
1 other variant in Flowbite Icons
More education icons from Flowbite Icons
book-open-reader-outlinechalkboard-outlinechalkboard-user-outlinegraduation-cap-outlinelaptop-code-outlinelaptop-file-outlinemicroscope-outlineperson-chalkboard-outlineschool-alt-outlineschool-check-alt-outlineschool-check-outlineschool-exclamation-alt-outlineschool-exclamation-outlineschool-flag-alt-outlineschool-flag-outlineschool-lock-alt-outlineschool-lock-outlineschool-outlineschool-xmark-alt-outlineschool-xmark-outlineshapes-outlineuser-graduate-outline
Use the theatre icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="m7.5 6.495l-.007.002c-1.37.416-2.572 1.225-3.405 1.893a14 14 0 0 0-1.284 1.165l-.077.081l-.022.024l-.007.007l-.002.003l-.001.002a1 1 0 0 0-.216.961l1.89 6.22c.281.925.907 1.632 1.595 2.158c.69.528 1.497.917 2.254 1.198c.76.284 1.508.471 2.103.58c.297.054.568.09.793.107q.17.014.329.012c.081-.002.243-.008.411-.06c.168-.05.306-.135.374-.18a4 4 0 0 0 .267-.191c.177-.14.382-.32.6-.531l-.23-.115a14 14 0 0 1-2.068-1.307c-.49-.373-1.01-.824-1.49-1.35a1 1 0 0 1-1.707-1.04l.06-.103c.108-.19.237-.417.407-.65A5.4 5.4 0 0 1 7.5 13zm-1.778 4.551a1 1 0 0 0 .581 1.914l.01-.003a1 1 0 1 0-.581-1.914z"/><path d="M15 4c-1.431 0-2.817.425-3.809.822a14 14 0 0 0-1.567.741l-.097.055l-.028.017l-.009.005l-.003.001l-.001.002A1 1 0 0 0 9 6.5V13c0 .967.393 1.826.899 2.53s1.165 1.312 1.807 1.8c.646.493 1.307.89 1.845 1.166c.268.139.517.252.728.334c.104.04.21.078.31.107c.079.022.236.063.411.063s.332-.041.41-.063q.153-.044.311-.107c.21-.082.46-.195.728-.334a12.7 12.7 0 0 0 1.845-1.165c.642-.49 1.301-1.097 1.807-1.801S21 13.967 21 13V6.5c0-.351-.185-.677-.486-.858h-.001l-.003-.002l-.009-.005l-.028-.017l-.097-.055q-.125-.07-.348-.187a14 14 0 0 0-1.22-.554C17.819 4.425 16.433 4 15 4m5 2.5l.514-.858zM13 7a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2zm4 0a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2zm-4.707 4.293a1 1 0 0 0 0 1.414l.084.085c.477.483 1.243 1.257 2.623 1.257s2.146-.774 2.623-1.257l.084-.085a1 1 0 0 0-1.414-1.414c-.53.53-.757.756-1.293.756s-.764-.227-1.293-.756a1 1 0 0 0-1.414 0"/></g></svg>
React
import type { SVGProps } from "react";
export function FlowbiteTheatreSolid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fillRule="evenodd" clipRule="evenodd"><path d="m7.5 6.495l-.007.002c-1.37.416-2.572 1.225-3.405 1.893a14 14 0 0 0-1.284 1.165l-.077.081l-.022.024l-.007.007l-.002.003l-.001.002a1 1 0 0 0-.216.961l1.89 6.22c.281.925.907 1.632 1.595 2.158c.69.528 1.497.917 2.254 1.198c.76.284 1.508.471 2.103.58c.297.054.568.09.793.107q.17.014.329.012c.081-.002.243-.008.411-.06c.168-.05.306-.135.374-.18a4 4 0 0 0 .267-.191c.177-.14.382-.32.6-.531l-.23-.115a14 14 0 0 1-2.068-1.307c-.49-.373-1.01-.824-1.49-1.35a1 1 0 0 1-1.707-1.04l.06-.103c.108-.19.237-.417.407-.65A5.4 5.4 0 0 1 7.5 13zm-1.778 4.551a1 1 0 0 0 .581 1.914l.01-.003a1 1 0 1 0-.581-1.914z"/><path d="M15 4c-1.431 0-2.817.425-3.809.822a14 14 0 0 0-1.567.741l-.097.055l-.028.017l-.009.005l-.003.001l-.001.002A1 1 0 0 0 9 6.5V13c0 .967.393 1.826.899 2.53s1.165 1.312 1.807 1.8c.646.493 1.307.89 1.845 1.166c.268.139.517.252.728.334c.104.04.21.078.31.107c.079.022.236.063.411.063s.332-.041.41-.063q.153-.044.311-.107c.21-.082.46-.195.728-.334a12.7 12.7 0 0 0 1.845-1.165c.642-.49 1.301-1.097 1.807-1.801S21 13.967 21 13V6.5c0-.351-.185-.677-.486-.858h-.001l-.003-.002l-.009-.005l-.028-.017l-.097-.055q-.125-.07-.348-.187a14 14 0 0 0-1.22-.554C17.819 4.425 16.433 4 15 4m5 2.5l.514-.858zM13 7a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2zm4 0a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2zm-4.707 4.293a1 1 0 0 0 0 1.414l.084.085c.477.483 1.243 1.257 2.623 1.257s2.146-.774 2.623-1.257l.084-.085a1 1 0 0 0-1.414-1.414c-.53.53-.757.756-1.293.756s-.764-.227-1.293-.756a1 1 0 0 0-1.414 0"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="m7.5 6.495l-.007.002c-1.37.416-2.572 1.225-3.405 1.893a14 14 0 0 0-1.284 1.165l-.077.081l-.022.024l-.007.007l-.002.003l-.001.002a1 1 0 0 0-.216.961l1.89 6.22c.281.925.907 1.632 1.595 2.158c.69.528 1.497.917 2.254 1.198c.76.284 1.508.471 2.103.58c.297.054.568.09.793.107q.17.014.329.012c.081-.002.243-.008.411-.06c.168-.05.306-.135.374-.18a4 4 0 0 0 .267-.191c.177-.14.382-.32.6-.531l-.23-.115a14 14 0 0 1-2.068-1.307c-.49-.373-1.01-.824-1.49-1.35a1 1 0 0 1-1.707-1.04l.06-.103c.108-.19.237-.417.407-.65A5.4 5.4 0 0 1 7.5 13zm-1.778 4.551a1 1 0 0 0 .581 1.914l.01-.003a1 1 0 1 0-.581-1.914z"/><path d="M15 4c-1.431 0-2.817.425-3.809.822a14 14 0 0 0-1.567.741l-.097.055l-.028.017l-.009.005l-.003.001l-.001.002A1 1 0 0 0 9 6.5V13c0 .967.393 1.826.899 2.53s1.165 1.312 1.807 1.8c.646.493 1.307.89 1.845 1.166c.268.139.517.252.728.334c.104.04.21.078.31.107c.079.022.236.063.411.063s.332-.041.41-.063q.153-.044.311-.107c.21-.082.46-.195.728-.334a12.7 12.7 0 0 0 1.845-1.165c.642-.49 1.301-1.097 1.807-1.801S21 13.967 21 13V6.5c0-.351-.185-.677-.486-.858h-.001l-.003-.002l-.009-.005l-.028-.017l-.097-.055q-.125-.07-.348-.187a14 14 0 0 0-1.22-.554C17.819 4.425 16.433 4 15 4m5 2.5l.514-.858zM13 7a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2zm4 0a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2zm-4.707 4.293a1 1 0 0 0 0 1.414l.084.085c.477.483 1.243 1.257 2.623 1.257s2.146-.774 2.623-1.257l.084-.085a1 1 0 0 0-1.414-1.414c-.53.53-.757.756-1.293.756s-.764-.227-1.293-.756a1 1 0 0 0-1.414 0"/></g></svg> </template>
CSS
.icon-theatre-solid {
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%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m7.5%206.495l-.007.002c-1.37.416-2.572%201.225-3.405%201.893a14%2014%200%200%200-1.284%201.165l-.077.081l-.022.024l-.007.007l-.002.003l-.001.002a1%201%200%200%200-.216.961l1.89%206.22c.281.925.907%201.632%201.595%202.158c.69.528%201.497.917%202.254%201.198c.76.284%201.508.471%202.103.58c.297.054.568.09.793.107q.17.014.329.012c.081-.002.243-.008.411-.06c.168-.05.306-.135.374-.18a4%204%200%200%200%20.267-.191c.177-.14.382-.32.6-.531l-.23-.115a14%2014%200%200%201-2.068-1.307c-.49-.373-1.01-.824-1.49-1.35a1%201%200%200%201-1.707-1.04l.06-.103c.108-.19.237-.417.407-.65A5.4%205.4%200%200%201%207.5%2013zm-1.778%204.551a1%201%200%200%200%20.581%201.914l.01-.003a1%201%200%201%200-.581-1.914z%22%2F%3E%3Cpath%20d%3D%22M15%204c-1.431%200-2.817.425-3.809.822a14%2014%200%200%200-1.567.741l-.097.055l-.028.017l-.009.005l-.003.001l-.001.002A1%201%200%200%200%209%206.5V13c0%20.967.393%201.826.899%202.53s1.165%201.312%201.807%201.8c.646.493%201.307.89%201.845%201.166c.268.139.517.252.728.334c.104.04.21.078.31.107c.079.022.236.063.411.063s.332-.041.41-.063q.153-.044.311-.107c.21-.082.46-.195.728-.334a12.7%2012.7%200%200%200%201.845-1.165c.642-.49%201.301-1.097%201.807-1.801S21%2013.967%2021%2013V6.5c0-.351-.185-.677-.486-.858h-.001l-.003-.002l-.009-.005l-.028-.017l-.097-.055q-.125-.07-.348-.187a14%2014%200%200%200-1.22-.554C17.819%204.425%2016.433%204%2015%204m5%202.5l.514-.858zM13%207a1%201%200%201%200%200%202h.01a1%201%200%201%200%200-2zm4%200a1%201%200%201%200%200%202h.01a1%201%200%201%200%200-2zm-4.707%204.293a1%201%200%200%200%200%201.414l.084.085c.477.483%201.243%201.257%202.623%201.257s2.146-.774%202.623-1.257l.084-.085a1%201%200%200%200-1.414-1.414c-.53.53-.757.756-1.293.756s-.764-.227-1.293-.756a1%201%200%200%200-1.414%200%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m7.5%206.495l-.007.002c-1.37.416-2.572%201.225-3.405%201.893a14%2014%200%200%200-1.284%201.165l-.077.081l-.022.024l-.007.007l-.002.003l-.001.002a1%201%200%200%200-.216.961l1.89%206.22c.281.925.907%201.632%201.595%202.158c.69.528%201.497.917%202.254%201.198c.76.284%201.508.471%202.103.58c.297.054.568.09.793.107q.17.014.329.012c.081-.002.243-.008.411-.06c.168-.05.306-.135.374-.18a4%204%200%200%200%20.267-.191c.177-.14.382-.32.6-.531l-.23-.115a14%2014%200%200%201-2.068-1.307c-.49-.373-1.01-.824-1.49-1.35a1%201%200%200%201-1.707-1.04l.06-.103c.108-.19.237-.417.407-.65A5.4%205.4%200%200%201%207.5%2013zm-1.778%204.551a1%201%200%200%200%20.581%201.914l.01-.003a1%201%200%201%200-.581-1.914z%22%2F%3E%3Cpath%20d%3D%22M15%204c-1.431%200-2.817.425-3.809.822a14%2014%200%200%200-1.567.741l-.097.055l-.028.017l-.009.005l-.003.001l-.001.002A1%201%200%200%200%209%206.5V13c0%20.967.393%201.826.899%202.53s1.165%201.312%201.807%201.8c.646.493%201.307.89%201.845%201.166c.268.139.517.252.728.334c.104.04.21.078.31.107c.079.022.236.063.411.063s.332-.041.41-.063q.153-.044.311-.107c.21-.082.46-.195.728-.334a12.7%2012.7%200%200%200%201.845-1.165c.642-.49%201.301-1.097%201.807-1.801S21%2013.967%2021%2013V6.5c0-.351-.185-.677-.486-.858h-.001l-.003-.002l-.009-.005l-.028-.017l-.097-.055q-.125-.07-.348-.187a14%2014%200%200%200-1.22-.554C17.819%204.425%2016.433%204%2015%204m5%202.5l.514-.858zM13%207a1%201%200%201%200%200%202h.01a1%201%200%201%200%200-2zm4%200a1%201%200%201%200%200%202h.01a1%201%200%201%200%200-2zm-4.707%204.293a1%201%200%200%200%200%201.414l.084.085c.477.483%201.243%201.257%202.623%201.257s2.146-.774%202.623-1.257l.084-.085a1%201%200%200%200-1.414-1.414c-.53.53-.757.756-1.293.756s-.764-.227-1.293-.756a1%201%200%200%200-1.414%200%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/flowbite/theatre-solid.svg?color=%231a73e8&size=48
