ICONYZ
Русский
Иконка Microsoft Teams из набора Lineicons

Иконка Microsoft Teams

lineicons:microsoft-teams

Иконка Microsoft Teams (lineicons:microsoft-teams) — бесплатная SVG-иконка из набора Lineicons. Она нарисована на сетке 24 × 24. Lineicons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Lineicons
Автор
Lineicons
Лицензия
MIT
Размер
24 × 24
Категория
Обычный
Теги
microsoftteams, team
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.534 6.65a2.091 2.091 0 1 1-4.184 0a2.093 2.093 0 1 1 4.184 0m-5.58-.93a3.023 3.023 0 0 1-3.022 3.024h-.078V7.58a1.37 1.37 0 0 0-1.37-1.37H9.948a3.023 3.023 0 0 1 2.984-3.512a3.02 3.02 0 0 1 3.023 3.022M22 10.557v4.706a3.25 3.25 0 0 1-3.247 3.25h-.015a3.2 3.2 0 0 1-1.385-.31a5.25 5.25 0 0 1-4.656 3.1a5.25 5.25 0 0 1-4.819-3.5h3.606c.757 0 1.37-.612 1.37-1.368v-6.76h8.262c.49 0 .884.394.884.882"/><path fill="currentColor" d="M12.216 7.572a.8.8 0 0 0-.085-.228l-.006-.015a.86.86 0 0 0-.744-.437H2.853A.85.85 0 0 0 2 7.743v8.525c0 .472.381.853.853.853h8.528c.469 0 .85-.381.85-.853V7.744q0-.088-.015-.172M9.359 10.13H7.625v4.643H6.569V10.13H4.872v-.9h4.487z"/></svg>

Как использовать иконку Microsoft Teams

React

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

<Icon icon="lineicons:microsoft-teams" width="24" />

Vue

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

<template>
  <Icon icon="lineicons:microsoft-teams" width="24" />
</template>

Svelte

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

<Icon icon="lineicons:microsoft-teams" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[lineicons--microsoft-teams]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/lineicons -->
<div class="i-lineicons:microsoft-teams"></div>

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

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

<iconify-icon icon="lineicons:microsoft-teams"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/lineicons/microsoft-teams.svg" alt="Иконка Microsoft Teams" width="24" height="24">

Похожие иконки в наборе Lineicons

Иконка microsoft
microsoft
 Иконка microsoft-edge
microsoft-edge

Иконка Microsoft Teams в других наборах

Иконка Microsoft Teams из набора Material Design Icons
Material Design Icons
 Иконка Microsoft Teams из набора Bootstrap Icons
Bootstrap Icons
 Иконка Microsoft Teams из набора Arcticons
Arcticons
 Иконка Microsoft Teams из набора Boxicons Brands
Boxicons Brands
 Иконка Microsoft Teams из набора Griddy Icons
Griddy Icons
 Иконка Microsoft Teams из набора SVG Logos
SVG Logos
 Иконка Microsoft Teams из набора selfh.st/icons
selfh.st/icons
 Иконка Microsoft Teams из набора theSVG Color
theSVG Color

Вопросы и ответы: Иконка Microsoft Teams

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

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

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

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

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

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

Все Lineicons →