Diversity 2 アイコン
material-symbols-light:diversity-2
Diversity 2 アイコン(material-symbols-light:diversity-2)は、Material Symbols Light セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- Google
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- ソーシャル
- タグ
- committee、diverse、diversity、family、friends、group、groups、heart、humans、network、people、persons、social、team、diversity 2 sharp
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.173 21.694q-1.15 0-2.014-.696q-.865-.696-1.192-1.784q-.303.505-.839.774q-.536.268-1.128.268q-1.044 0-1.772-.731q-.728-.73-.728-1.77q0-.92.642-1.677q.643-.757 1.622-.766q-.504-.462-.798-1.111t-.293-1.351q0-.827.407-1.558t1.14-1.203q.067.219.183.472t.238.455q-.466.351-.704.835q-.239.484-.239 1.024q0 1.554 1.15 2.004t2.368.688l.225.396q-.275.8-.447 1.353t-.171 1.023q0 .942.682 1.639t1.649.697q1.065 0 1.748-.802t1.121-1.904t.68-2.267t.405-1.906l.988.275q-.205.99-.492 2.306q-.287 1.315-.816 2.493q-.53 1.178-1.387 2.001t-2.228.823m.908-6.561q-1.015-.91-1.857-1.701q-.841-.791-1.449-1.552q-.608-.76-.941-1.521Q5.5 9.598 5.5 8.775q0-1.413.968-2.382t2.382-.968q.273 0 .492.032t.416.09q-.12-.231-.189-.472T9.5 4.559q0-1.038.73-1.769q.732-.73 1.77-.73t1.77.73q.73.731.73 1.77q0 .275-.07.512t-.188.469q.196-.058.416-.087t.492-.029q1.135 0 1.983.645q.848.646 1.163 1.647q-.238-.036-.531-.036t-.538.03q-.271-.574-.82-.93t-1.257-.356q-.933 0-1.487.484q-.555.483-1.444 1.516h-.463q-.914-1.063-1.469-1.532T8.85 6.425q-1.012 0-1.68.67t-.67 1.68q0 .575.296 1.197t.855 1.31t1.348 1.462t1.795 1.675zm4.683 6.58q-.358 0-.703-.072q-.345-.074-.672-.245q.14-.177.28-.421t.25-.452q.218.098.445.135t.444.036q.973 0 1.664-.697q.692-.697.692-1.664q0-.475-.172-1.016q-.17-.54-.446-1.34l.245-.396q1.242-.239 2.38-.698q1.137-.46 1.137-2.014q0-1.211-.853-1.796q-.853-.584-1.92-.584q-1.012 0-2.354.342t-3.102.929l-.275-.989q1.719-.548 3.09-.934t2.531-.387q1.514 0 2.698.89q1.185.89 1.185 2.53q0 .701-.284 1.321t-.788 1.12q.98.03 1.622.767t.642 1.678q0 1.019-.728 1.76q-.728.74-1.772.74q-.592 0-1.128-.268q-.536-.269-.84-.774q-.326 1.088-1.21 1.794t-2.058.706"/></svg>
Diversity 2 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:diversity-2" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:diversity-2" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:diversity-2" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--diversity-2]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:diversity-2"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:diversity-2"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/diversity-2.svg" alt="Diversity 2 アイコン" width="24" height="24">
Material Symbols Light の関連アイコン
他のアイコンセットの Diversity 2 アイコン
Diversity 2 アイコン のよくある質問
Diversity 2 アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Diversity 2 アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:diversity-2" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Diversity 2 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/diversity-2.svg" alt="Diversity 2 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Material Symbols Light アイコン をすべて見る →
