Иконка Label Studio
thesvg-color:label-studio
Иконка Label Studio (thesvg-color:label-studio) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 57 × 58. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 57 × 58
- Теги
- labelstudio
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="57" height="58" viewBox="0 0 57 58"><g fill="none"><path fill="#ffd6cd" d="M6.774 10.307h42.901V50.95H6.774z"/><path fill="#ff7557" fill-rule="evenodd" d="M16.003 17.088H0V1.131h16.003zm40.9 0H40.898V1.131h16.003zM0 57.87h16.003V41.912H0zm56.902 0H40.9V41.912h16.003zM5.334 17.09h5.334v24.82H5.334zm46.233 0h-5.334v24.82h5.334zM16.004 6.45h24.894v5.32H16.004zm24.894 40.78H16.004v5.32h24.894z" clip-rule="evenodd"/></g></svg>Как использовать иконку Label Studio
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:label-studio" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:label-studio" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:label-studio" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--label-studio]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:label-studio"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:label-studio"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/label-studio.svg" alt="Иконка Label Studio" width="24" height="24">Вопросы и ответы: Иконка Label Studio
Можно ли бесплатно использовать иконку Label Studio в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Label Studio в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:label-studio" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Label Studio на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/label-studio.svg" alt="Иконка Label Studio">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.