Theater Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Theater icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/319064.svg" alt="Theater icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/319064.svg" alt="Theater icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/319064.svg" alt="Theater icon" :width="24" :height="24" />
CSS background
.icon-theater {
background-image: url('https://proicons.com/icon/319064.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<defs>
<style>
.cls-1 {
fill: none;
}
</style>
</defs>
<title>theater</title>
<path d="M20,25a6.9908,6.9908,0,0,1-5.833-3.1287l1.666-1.1074a5.0007,5.0007,0,0,0,8.334,0l1.666,1.1074A6.9908,6.9908,0,0,1,20,25Z"/>
<path d="M24,14a2,2,0,1,0,2,2A1.9806,1.9806,0,0,0,24,14Z"/>
<path d="M16,14a2,2,0,1,0,2,2A1.9806,1.9806,0,0,0,16,14Z"/>
<path d="M28,8H22V4a2.0023,2.0023,0,0,0-2-2H4A2.0023,2.0023,0,0,0,2,4V14a10.01,10.01,0,0,0,8.8027,9.9214A9.9989,9.9989,0,0,0,30,20V10A2.0023,2.0023,0,0,0,28,8ZM4,14V4H20V8H12a2.0023,2.0023,0,0,0-2,2V20a9.9628,9.9628,0,0,0,.168,1.78A8.0081,8.0081,0,0,1,4,14Zm24,6a8,8,0,0,1-16,0V10H28Z"/>
<rect id="_Transparent_Rectangle_" data-name="<Transparent Rectangle>" class="cls-1" width="32" height="32"/>
</svg>
More from Carbon Icons
View all
Copied!