Cowork 24 Regular アイコン
fluent:cowork-24-regular
Cowork 24 Regular アイコン(fluent:cowork-24-regular)は、Fluent UI System Icons セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 24 × 24 のグリッドで描かれています。 Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent UI System Icons
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- coworkregular
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 7.002c2.904 0 5.569.487 7.535 1.302c.981.407 1.825.91 2.435 1.508c.612.6 1.03 1.34 1.03 2.19c0 .838-.408 1.571-1.008 2.167c-.597.593-1.424 1.095-2.386 1.5a1.05 1.05 0 0 0-.626 1.087c.128 1.036.108 2.002-.107 2.815c-.216.817-.647 1.538-1.373 1.957c-.887.513-1.935.419-2.923.03c-.582-.228-1.18-.574-1.78-1.011c.367-.324.733-.68 1.095-1.06c.437.299.852.525 1.234.675c.764.3 1.287.262 1.624.068c.277-.16.525-.479.674-1.043c.15-.567.182-1.327.067-2.247a2.55 2.55 0 0 1 1.532-2.652c.854-.36 1.495-.769 1.912-1.183c.413-.41.565-.783.565-1.103c0-.324-.156-.703-.581-1.12c-.428-.418-1.085-.83-1.958-1.193c-1.743-.722-4.205-1.187-6.961-1.187c-1.463 0-2.844.134-4.081.366a13 13 0 0 1-.345-1.46A24 24 0 0 1 12 7.001M4.2 8.415q.144.721.37 1.48a6.3 6.3 0 0 0-1.202.73c-.642.511-.87.985-.87 1.373c0 .32.152.694.565 1.104c.417.414 1.06.822 1.913 1.182a2.55 2.55 0 0 1 1.53 2.653c-.114.92-.08 1.68.07 2.248c.148.563.395.88.672 1.04c.28.162.686.217 1.26.057c.577-.16 1.262-.524 2.013-1.1c1.497-1.148 3.13-3.047 4.508-5.434a22.3 22.3 0 0 0 1.724-3.717c.52.126 1.002.272 1.437.432a24 24 0 0 1-1.862 4.035c-1.452 2.515-3.205 4.58-4.894 5.875c-.843.646-1.702 1.125-2.524 1.354c-.825.23-1.676.222-2.412-.203c-.726-.419-1.157-1.14-1.373-1.957c-.215-.813-.235-1.78-.106-2.815a1.05 1.05 0 0 0-.627-1.086c-.962-.406-1.788-.907-2.385-1.5c-.6-.596-1.009-1.33-1.009-2.168c0-1.025.606-1.885 1.436-2.546c.489-.39 1.086-.735 1.765-1.037m10.92-6.152c.816-.222 1.655-.209 2.382.21c.887.513 1.33 1.467 1.487 2.516c.093.618.093 1.31.015 2.048a17 17 0 0 0-1.467-.418a6.3 6.3 0 0 0-.031-1.407c-.122-.811-.418-1.245-.754-1.44c-.277-.16-.676-.215-1.24-.062c-.566.154-1.24.506-1.979 1.064a2.55 2.55 0 0 1-3.063 0c-.74-.558-1.413-.91-1.98-1.064c-.562-.153-.96-.098-1.238.062c-.28.163-.53.487-.679 1.063c-.149.58-.177 1.356-.054 2.293c.245 1.871 1.074 4.235 2.452 6.622a22.3 22.3 0 0 0 2.357 3.35q-.556.582-1.093 1.03a23.7 23.7 0 0 1-2.563-3.63c-1.452-2.515-2.364-5.066-2.64-7.177c-.139-1.053-.124-2.036.088-2.862c.214-.83.647-1.563 1.382-1.987c.726-.42 1.565-.433 2.38-.211c.813.22 1.66.685 2.493 1.315a1.05 1.05 0 0 0 1.254 0c.832-.63 1.68-1.095 2.491-1.315"/></svg>
Cowork 24 Regular アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent:cowork-24-regular" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent:cowork-24-regular" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent:cowork-24-regular" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--cowork-24-regular]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:cowork-24-regular"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent:cowork-24-regular"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent/cowork-24-regular.svg" alt="Cowork 24 Regular アイコン" width="24" height="24">
Fluent UI System Icons の関連アイコン
Cowork 24 Regular アイコン のよくある質問
Cowork 24 Regular アイコンは商用利用でも無料ですか?
はい。Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cowork 24 Regular アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent:cowork-24-regular" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cowork 24 Regular アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent/cowork-24-regular.svg" alt="Cowork 24 Regular アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent UI System Icons をすべて見る →
ICONYZ
