material design icons
4.0.0
これらは Google の 2 つの異なる公式アイコン セットであり、同じ基本デザインを使用しています。マテリアル シンボルは、2022 年 4 月に導入された現在のセットで、可変フォント テクノロジに基づいて構築されています。マテリアル アイコンはクラシック セットですが、現在は更新されていません。詳細は以下をご覧ください。
アイコンは、https://fonts.google.com/icons でより使いやすい方法で参照できます。左上近くのポップダウン メニューを使用して、2 つのセットから選択します。マテリアル シンボルがデフォルトです。
アイコンはマテリアル デザイン ガイドラインに基づいてデザインされています。
私たちはあなたのアイコンのニーズをサポートしたいと思っています!リクエストは GitHub 上で問題として送信してください。
Google Fonts では、完成したアイコン デザインをユーザーが提出することはできないことに注意してください。マテリアル アイコンにはかなり厳格なガイドラインがあり、さらに Google にはこのリポジトリが生成されるアップストリーム ソース ファイルがあります。したがって、Google はアイコン ファイル (新しいアイコンの提案であれ、既存のアイコンの修正であれ) のプル リクエストを受け付けません。コンセプトは高く評価されますが、SVG をデザインしてプル リクエスト経由で送信するのではなく、
ただし、ユーザーが外部のファイルや画像を例として指定することは大歓迎です。ただし、それらが「そのまま」受け入れられるわけではありません。これは、アイデアの「本質」を理解するのに役立つ、1 つのアイコンに対して複数の例がある場合に特に効果的です。
たとえば、「アジェンダ」には非常に普遍的な概念のロゴ/アイコンがあるため、マテリアル スタイルにアジェンダ アイコンを追加することを Google に提案する場合は、それに言及するか、https://www.google.com/search を指定します。 ?q=agender+icon が役立つヒントになります。
現在、Google は法的理由により、マテリアル シンボルまたはマテリアル アイコンにサードパーティのロゴを含めていません。過去に含まれていた一部のサードパーティのロゴはその後削除されました。
Google は現在、v3 (2016) 以降のこのリポジトリの npm パッケージをメンテナンスしていません。ただし、ユーザー @marella は以下をホストしています。これらは GitHub Actions を使用して自動的に更新され、公開されると彼は言いました。注: Google はこれらのパッケージを監視または精査しません。
material-iconsパッケージの軽量バージョンこれらの新しいアイコンは、https://fonts.google.com/icons でより使いやすい方法で参照できます。左上近くのポップダウン メニューを使用して、2 つのセットから選択します。マテリアル シンボルがデフォルトです。
これらのアイコンは、最初に可変フォントとして構築/デザインされました (マテリアル アイコンの 24 ピクセル デザインに基づいて)。 3 つの個別のマテリアル シンボル可変フォントがあり、静的アイコンも利用できます (ただし、スタイルが数百あるため、利用可能なすべてのバリエーションがあるわけではありません)。
各フォントには次のデザイン軸があり、CSS またはより多くの最新のデザイン アプリで変更できます。
このリポジトリ内の次のディレクトリには、特にマテリアル シンボル (マテリアル アイコンではない) コンテンツが含まれています。
マテリアル シンボルで現在利用できないものは何ですか?
アイコンは、https://fonts.google.com/icons?icon.set=material+Icons でより使いやすい方法で参照できます。
これらのクラシックなアイコンは、次の 5 つの異なるスタイルで使用できます。
このリポジトリ内の次のディレクトリには、特にマテリアル アイコン (マテリアル シンボルではない) のコンテンツが含まれています。
現在マテリアル アイコンで利用できないものは何ですか?
プロジェクトでマテリアル デザイン アイコンを使用する方法については、開発者ガイドをお読みください。
fontとvariablefontフォルダーには、プロジェクトに含めることができる事前に生成されたフォント ファイルが含まれています。これは Web にとって特に便利です。ただし、一般的には、Google Fonts でホストされている Web フォントにリンクすることをお勧めします。
< link href =" https://fonts.googleapis.com/css2?family=Material+Icons "
rel =" stylesheet " > < link href =" https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined "
rel =" stylesheet " >マテリアル シンボルまたはマテリアル アイコンの詳細については、Google Fonts 開発者ガイドを参照してください。
これらのアイコンを、Apache ライセンス バージョン 2.0 に基づいて製品に組み込めるようにしました。これらのアイコンとドキュメントを製品内で自由にリミックスして再共有してください。アプリの概要画面に帰属を記載していただければ幸いですが、必須ではありません。
