コンテンツへ移動
SVG Nexus ベクターと3Dのアイコン
outline Apache-2.0 7 ベクターノード
Social Diversity - Material Icons iconFree Social Diversity vector icon from the Material Icons open-source icon library; outline style, Apache-2.0 licence, viewBox 0 0 24 24, 1010 bytes.
viewBox 0 0 24 24 静止
1. カラー

新しい色を選択するまで、アイコンの元の色がそのまま保持されます。

2. キャンバス背景と変形
3. ベクターアニメーションのプリセット SVG書き出しに含まれます
SVGエディターで編集 ベクタースタジオを開く
Material Icons | ユーザーインターフェース | viewBox="0 0 24 24" | 商用利用も無料

Social Diversity SVGアイコン

出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Social Diversity - 商用利用も個人利用も無料. 登録不要 | 100%ブラウザ完結処理

ベクターと高解像度画像の即時ダウンロード
新しい色を選択するまで、アイコンの元の色がそのまま保持されます。 material-round-social-social-diversity-3.svg (1,291 B)
開発者とUIフレームワーク向けのクイックコピー
コードのリアルタイム出力 
<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" width="36" height="36" fill="currentColor" role="img" aria-label="Social Diversity icon"><title>Social Diversity - Material Icons icon</title><desc>Free Social Diversity vector icon from the Material Icons open-source icon library; outline style, Apache-2.0 licence, viewBox 0 0 24 24, 1010 bytes.</desc><g><rect fill="none" height="24" width="24"/><rect fill="none" height="24" width="24"/></g><g><g><path d="M6.32,13.01c0.96,0.02,1.85,0.5,2.45,1.34C9.5,15.38,10.71,16,12,16c1.29,0,2.5-0.62,3.23-1.66 c0.6-0.84,1.49-1.32,2.45-1.34C16.96,11.78,14.08,11,12,11C9.93,11,7.04,11.78,6.32,13.01z"/><path d="M4,13L4,13c1.66,0,3-1.34,3-3c0-1.66-1.34-3-3-3s-3,1.34-3,3C1,11.66,2.34,13,4,13z"/><path d="M20,13L20,13c1.66,0,3-1.34,3-3c0-1.66-1.34-3-3-3s-3,1.34-3,3C17,11.66,18.34,13,20,13z"/><path d="M12,10c1.66,0,3-1.34,3-3c0-1.66-1.34-3-3-3S9,5.34,9,7C9,8.66,10.34,10,12,10z"/><path d="M21,14h-3.27c-0.77,0-1.35,0.45-1.68,0.92C16.01,14.98,14.69,17,12,17c-1.43,0-3.03-0.64-4.05-2.08 C7.56,14.37,6.95,14,6.27,14L3,14c-1.1,0-2,0.9-2,2v3c0,0.55,0.45,1,1,1h5c0.55,0,1-0.45,1-1v-1.26c1.15,0.8,2.54,1.26,4,1.26 s2.85-0.46,4-1.26V19c0,0.55,0.45,1,1,1h5c0.55,0,1-0.45,1-1v-3C23,14.9,22.1,14,21,14z"/></g></g></svg>
AIプロンプトとベクター改善

このアイコンを改善または作り変えますか？ Social Diversity

精密な設計プロンプトを作るか、キャンバス上のアイコンを今すぐ改善できます。 Social Diversity

AIアイコン生成ツールで開く
プロンプト作成は100%ブラウザ内
Social Diversity Free SVG Vector Icon - Material Icons (Apache-2.0)
出典とライセンスの確認 LICENSE.txt

Library: Material Icons | Author: Google LLC | License: Apache-2.0 | Source: https://github.com/google/material-design-icons | 登録不要 | 100%ブラウザ完結処理

キーワード
#material #round #social #diversity #interface #outline

Social Diversity - ベクターの技術仕様

出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Social Diversity

正規の識別子 material/material-round-social-social-diversity-3
元のライブラリパック Material Icons
座標グリッドと viewBox viewBox="0 0 24 24"
非圧縮のサイズ 1,291 bytes (~710 bytes gzipped)
SPDXライセンスと商用利用 Apache-2.0 - 商用利用も無料
Upstream Source https://github.com/google/material-design-icons
対応する書き出し形式 SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64
安全とプライバシーの保証 登録不要 | 100%ブラウザ完結処理

このアイコンの使い方と調整方法: Social Diversity

  1. 見た目を調整する: カラー, 自動（線と塗り）, 線の太さ (0.5px-4px), ベクターアニメーションのプリセット
  2. ベクターまたは画像を保存する: SVGをダウンロード, PNG（透明）, WebP（最適化） (2048x2048 px)
  3. フレームワークのコードをコピーする: React、Next.js、Vue 3、Svelte、Angular、HTML、CSSマスク用のコードをそのままコピーできます。
  4. 高度なベクター編集: SVGエディターで編集 (76,166)
アクセシビリティのヒント (WCAG 2.1): 飾りのアイコンは aria-hidden と focusable false で隠します。アイコンだけのボタンには分かりやすい aria-label を付けます。右から左に書く言語では矢印を左右反転します。 material-round-social-social-diversity-3.svg aria-hidden="true" focusable="false"

同じカテゴリの ユーザーインターフェース

見る

さらに見る

よくある質問

Social Diversity - よくある質問

Social Diversityにはどのライセンスが適用されますか？ +

Social DiversityはMaterial Iconsのもので、Apache-2.0の対象です。帰属表示：クレジット必須。

Social Diversityはどの形式でダウンロードできますか？ +

Social Diversityはoutlineスタイルのベクターです（viewBox 0 0 24 24）。SVG、PNG、WebP、ICOをダウンロードするか、このページからReact TSX、Vue 3、Svelte、Tailwind CSS、CSS Mask、Base64コードをコピーできます。

Social Diversityアイコンはどこから来たのですか？ +

Social DiversityはMaterial Iconsライブラリの一部です。作者はGoogle LLC、カテゴリはユーザーインターフェースです。ライセンス全文は、このページにリンクされたライブラリ通知ファイルにあります。

100%ブラウザ完結処理 | 76,166 アイコン

SVGエディター

パス、レイヤー、色、アニメーションをブラウザで編集し、整ったSVG、PNG、またはフレームワークのコードを書き出せます。

エディターで開く すべてのアイコンを見る (76,166)

76,166個のベクターアイコンを検索するには入力してください...

移動 | Enter で開く すべてのアイコンを見る

比較

アイコンの出典とライセンス

ライセンス 商用利用 クレジット 変更と色替え
MIT許可パッケージに通知許可
ISC許可パッケージに通知許可
Apache-2.0許可通知ファイルとともに必須許可
CC BY 4.0許可クレジット必須許可
CC-BY-SA-4.0許可同一条件で配布同一条件で配布
Trademark / Brand参照目的のみ権利者の指針制限あり

アイコンプレビュー