Иконка Cowork 48 Regular

fluent:cowork-48-regular

Иконка Cowork 48 Regular (fluent:cowork-48-regular) — бесплатная SVG-иконка из набора Fluent UI System Icons от Microsoft Corporation. Она нарисована на сетке 48 × 48. Fluent UI System Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Fluent UI System Icons
Автор: Microsoft Corporation
Лицензия: MIT
Размер: 48 × 48
Теги: coworkregular

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M24 14c5.855 0 11.215.999 15.158 2.662c1.969.83 3.643 1.85 4.844 3.047c1.205 1.202 1.999 2.654 1.999 4.291c0 1.674-.829 3.152-2.08 4.37c-1.245 1.213-2.982 2.245-5.023 3.078c-.683.278-1.1 1-1 1.73c.3 2.184.275 4.204-.153 5.89c-.43 1.691-1.295 3.147-2.745 3.984c-1.714.99-3.758.842-5.741.08c-1.192-.46-2.425-1.162-3.664-2.062a34 34 0 0 0 1.846-1.756c.958.66 1.87 1.158 2.715 1.483c1.603.617 2.784.557 3.594.09c.688-.397 1.25-1.167 1.572-2.434c.323-1.273.372-2.948.1-4.936a4.14 4.14 0 0 1 2.531-4.385c1.859-.758 3.285-1.637 4.226-2.554c.936-.912 1.322-1.783 1.322-2.578c0-.778-.37-1.63-1.264-2.521c-.899-.896-2.264-1.76-4.05-2.514C34.62 17.461 29.605 16.5 24 16.5c-3.163 0-6.142.308-8.782.847a26 26 0 0 1-.546-2.44C17.505 14.325 20.67 14 24 14M8.42 16.846q.242 1.212.597 2.476c-1.051.499-1.939 1.041-2.642 1.61C5.04 22.012 4.5 23.064 4.5 23.998c0 .795.385 1.667 1.322 2.58c.941.916 2.366 1.796 4.225 2.554a4.14 4.14 0 0 1 2.531 4.385c-.273 1.988-.224 3.663.099 4.936c.321 1.267.884 2.037 1.572 2.434c.674.389 1.595.495 2.815.166c1.226-.33 2.657-1.08 4.203-2.25c3.086-2.337 6.425-6.2 9.227-11.054c1.582-2.739 2.806-5.473 3.66-8.029c.851.225 1.649.476 2.385.748c-.913 2.745-2.215 5.648-3.88 8.531c-2.927 5.071-6.472 9.214-9.884 11.797c-1.703 1.29-3.424 2.23-5.061 2.671c-1.643.443-3.297.404-4.715-.415c-1.45-.837-2.316-2.294-2.745-3.985c-.428-1.686-.453-3.706-.153-5.89c.1-.73-.317-1.452-1-1.73c-2.04-.833-3.778-1.865-5.024-3.078C2.827 27.15 2 25.672 2 23.999c0-1.98 1.15-3.675 2.803-5.011c.993-.803 2.218-1.519 3.617-2.142M13 4.946c1.45-.836 3.144-.858 4.823-.384c1.674.473 3.436 1.461 5.178 2.812a1.64 1.64 0 0 0 1.998 0c1.741-1.35 3.504-2.34 5.178-2.812c1.679-.474 3.373-.451 4.823.386c1.713.99 2.607 2.833 2.939 4.932c.199 1.262.206 2.682.046 4.205a34 34 0 0 0-2.443-.722c.093-1.16.068-2.2-.073-3.093c-.268-1.696-.91-2.69-1.719-3.157c-.688-.397-1.636-.5-2.895-.145c-1.263.357-2.738 1.152-4.324 2.382a4.14 4.14 0 0 1-5.063 0c-1.586-1.23-3.06-2.026-4.324-2.383c-1.258-.355-2.206-.252-2.894.145c-.674.389-1.227 1.134-1.552 2.354c-.327 1.227-.393 2.842-.152 4.765c.48 3.841 2.157 8.665 4.959 13.518c1.581 2.74 3.338 5.167 5.125 7.184c-.62.626-1.237 1.19-1.841 1.692c-1.92-2.162-3.784-4.741-5.45-7.626c-2.927-5.07-4.742-10.212-5.274-14.458c-.265-2.12-.218-4.08.218-5.718c.438-1.645 1.299-3.057 2.717-3.876"/></svg>

Как использовать иконку Cowork 48 Regular

React

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

<Icon icon="fluent:cowork-48-regular" width="24" />

Vue

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

<template>
  <Icon icon="fluent:cowork-48-regular" width="24" />
</template>

Svelte

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

<Icon icon="fluent:cowork-48-regular" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--cowork-48-regular]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:cowork-48-regular"></div>

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

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

<iconify-icon icon="fluent:cowork-48-regular"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/fluent/cowork-48-regular.svg" alt="Иконка Cowork 48 Regular" width="24" height="24">

Вопросы и ответы: Иконка Cowork 48 Regular

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

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

Как использовать иконку Cowork 48 Regular в React?

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

Как добавить иконку Cowork 48 Regular на веб-страницу?

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

Все Fluent UI System Icons →