Иконка Theatre Solid

flowbite:theatre-solid

Иконка Theatre Solid (flowbite:theatre-solid) — бесплатная SVG-иконка из набора Flowbite Icons от Themesberg. Она нарисована на сетке 24 × 24. Flowbite Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Flowbite Icons
Автор: Themesberg
Лицензия: MIT
Размер: 24 × 24
Категория: Образование
Теги: theatresolid

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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>

Как использовать иконку Theatre Solid

React

import { Icon } from "@iconify/react";

<Icon icon="flowbite:theatre-solid" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="flowbite:theatre-solid" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="flowbite:theatre-solid" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[flowbite--theatre-solid]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/flowbite -->
<div class="i-flowbite:theatre-solid"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="flowbite:theatre-solid"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/flowbite/theatre-solid.svg" alt="Иконка Theatre Solid" width="24" height="24">

Вопросы и ответы: Иконка Theatre Solid

Можно ли бесплатно использовать иконку Theatre Solid в коммерческих проектах?

Да. Flowbite Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Theatre Solid в React?

Установите @iconify/react и выведите <Icon icon="flowbite:theatre-solid" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Theatre Solid на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/flowbite/theatre-solid.svg" alt="Иконка Theatre Solid">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Flowbite Icons →