Twotone Diversity 1 アイコン
ic:twotone-diversity-1
Twotone Diversity 1 アイコン(ic:twotone-diversity-1)は、Google Material Icons セットの無料 SVG アイコンです（作者: Material Design Authors）。 24 × 24 のグリッドで描かれています。 Google Material Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Google Material Icons
- 作者
- Material Design Authors
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- ソーシャル
- タグ
- committee、diverse、diversity、family、friends、group、groups、heart、humans、network、people、persons、social、team、twotonediversity
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="4" cy="14" r="2" fill="currentColor"/><path fill="currentColor" d="M1.22 17.58A2.01 2.01 0 0 0 0 19.43V21h4.5v-1.61c0-.83.23-1.61.63-2.29c-.37-.06-.74-.1-1.13-.1c-.99 0-1.93.21-2.78.58"/><circle cx="20" cy="14" r="2" fill="currentColor"/><path fill="currentColor" d="M22.78 17.58A6.95 6.95 0 0 0 20 17c-.39 0-.76.04-1.13.1c.4.68.63 1.46.63 2.29V21H24v-1.57c0-.81-.48-1.53-1.22-1.85m-6.54-.93c-1.17-.52-2.61-.9-4.24-.9s-3.07.39-4.24.9A2.99 2.99 0 0 0 6 19.39V21h12v-1.61c0-1.18-.68-2.26-1.76-2.74M8.07 19a.96.96 0 0 1 .49-.52c1.1-.49 2.26-.73 3.43-.73c1.18 0 2.33.25 3.43.73c.23.1.4.29.49.52zM9 12c0 1.66 1.34 3 3 3s3-1.34 3-3s-1.34-3-3-3s-3 1.34-3 3m4 0c0 .55-.45 1-1 1s-1-.45-1-1s.45-1 1-1s1 .45 1 1"/><path fill="currentColor" d="M2.48 10.86C2.17 10.1 2 9.36 2 8.6C2 6.02 4.02 4 6.6 4c2.68 0 3.82 1.74 5.4 3.59C13.57 5.76 14.7 4 17.4 4C19.98 4 22 6.02 22 8.6c0 .76-.17 1.5-.48 2.26c.65.31 1.18.82 1.53 1.44c.6-1.2.95-2.42.95-3.7C24 4.9 21.1 2 17.4 2c-2.09 0-4.09.97-5.4 2.51C10.69 2.97 8.69 2 6.6 2C2.9 2 0 4.9 0 8.6c0 1.28.35 2.5.96 3.7c.35-.62.88-1.13 1.52-1.44"/><path fill="currentColor" d="M17.4 4c-2.68 0-3.82 1.74-5.4 3.59C10.44 5.75 9.3 4 6.6 4C4.02 4 2 6.02 2 8.6c0 .76.17 1.5.48 2.26c.46-.22.97-.36 1.52-.36c1.93 0 3.5 1.57 3.5 3.5c0 .45-.09.87-.24 1.26c.97-.42 1.96-.69 2.98-.84A2.99 2.99 0 0 1 9 12c0-1.66 1.34-3 3-3s3 1.34 3 3c0 1-.49 1.87-1.24 2.42c1.02.15 2.02.43 2.98.85c-.15-.39-.24-.82-.24-1.26c0-1.93 1.57-3.5 3.5-3.5c.55 0 1.06.14 1.52.36c.31-.77.48-1.51.48-2.27C22 6.02 19.98 4 17.4 4M8.07 19.02h7.85a.96.96 0 0 0-.49-.52c-1.1-.49-2.26-.73-3.43-.73c-1.18 0-2.33.25-3.43.73c-.23.1-.4.29-.5.52" opacity=".3"/><circle cx="12" cy="12" r="1" fill="currentColor" opacity=".3"/></svg>
Twotone Diversity 1 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ic:twotone-diversity-1" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ic:twotone-diversity-1" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ic:twotone-diversity-1" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ic--twotone-diversity-1]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ic -->
<div class="i-ic:twotone-diversity-1"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ic:twotone-diversity-1"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/ic/twotone-diversity-1.svg" alt="Twotone Diversity 1 アイコン" width="24" height="24">
Google Material Icons の関連アイコン
Twotone Diversity 1 アイコン のよくある質問
Twotone Diversity 1 アイコンは商用利用でも無料ですか?
はい。Google Material Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Twotone Diversity 1 アイコンを使うには?
@iconify/react をインストールして <Icon icon="ic:twotone-diversity-1" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Twotone Diversity 1 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ic/twotone-diversity-1.svg" alt="Twotone Diversity 1 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Google Material Icons をすべて見る →
