Collaboration アイコン
openmoji:collaboration
Collaboration アイコン(openmoji:collaboration)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- OpenMoji
- 作者
- OpenMoji
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 72 × 72
- カテゴリ
- OpenMoji 追加分
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="#fcea2b"><circle cx="21" cy="17" r="3"/><circle cx="55.992" cy="26.324" r="3"/><circle cx="29.993" cy="47.008" r="3"/><path d="M17.103 25.637a5.32 5.32 0 0 1 3.3-1.324l.288-.012a6.28 6.28 0 0 1 4.59 1.728a4.33 4.33 0 0 1 1.283 2.405L27.005 31l-12.081-.007l.222-1.687a5.92 5.92 0 0 1 1.957-3.668m34.656 9.676l.593-.523a4.6 4.6 0 0 1 2.846-1.141l.675-.028a5.98 5.98 0 0 1 4.37 1.646a4.72 4.72 0 0 1 1.397 2.618l.42 2.44l-12.081-.008l.291-2.213a4.5 4.5 0 0 1 1.489-2.79ZM26.688 55.172a3.3 3.3 0 0 1 2.048-.822l.452-.018a7.58 7.58 0 0 1 5.54 2.085c.416.396.693.916.79 1.482l.535 3.108l-12.081-.008l.129-.977a7.83 7.83 0 0 1 2.587-4.85"/></g><g fill="none" stroke="#000" stroke-width="2"><circle cx="21" cy="17" r="3" stroke-miterlimit="10"/><path stroke-linecap="round" stroke-linejoin="round" d="M15 30s1-4.311 3-5.311s4-1 6 0S27 30 27 30"/><circle cx="55.992" cy="26.324" r="3" stroke-miterlimit="10"/><path stroke-linecap="round" stroke-linejoin="round" d="M49.992 39.324s1-4.311 3-5.311s4-1 6 0s3 5.31 3 5.31"/><circle cx="29.993" cy="47.008" r="3" stroke-miterlimit="10"/><path stroke-linecap="round" stroke-linejoin="round" d="M23.993 60.008s1-4.311 3-5.311s4-1 6 0s3 5.31 3 5.31m16.559-39.871C48.333 15.159 42.035 12 35 12c-2.77 0-5.424.49-7.883 1.387m12.316 44.186c8.213-1.604 14.862-7.577 17.427-15.402m-44.773-9.183A23 23 0 0 0 12 35c0 7.974 4.058 15 10.222 19.127"/></g></svg>Collaboration アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:collaboration" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:collaboration" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:collaboration" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--collaboration]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:collaboration"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:collaboration"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/openmoji/collaboration.svg" alt="Collaboration アイコン" width="24" height="24">他のアイコンセットの Collaboration アイコン
Collaboration アイコン のよくある質問
Collaboration アイコンは商用利用でも無料ですか?
はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Collaboration アイコンを使うには?
@iconify/react をインストールして <Icon icon="openmoji:collaboration" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Collaboration アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/collaboration.svg" alt="Collaboration アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。