20種類の Iconify パック · SVG、PNG、React、Vue などをコピー 20種類の Iconify パック レジストリを開く →

Material Design Icons と Phosphor

MDI は大きな Material 風の塗りアイコンです。Phosphor は thin から duotone までの太さの家族です。

Phosphor

9,161 · MIT · Phosphor Icons

  • 珍しい意味の図形が必要なら MDI。
  • 同じアイコンを複数の太さで使いたいなら Phosphor。
  • MDI は Apache 2.0、Phosphor は MIT です。製品に使えますが、ライセンス表示は残してください。

どちらを開くか

珍しい意味で、ハードウェア、地図、医療、アプリ操作の長い裾野から、それらしい塗りの図形が要るなら Material Design Icons を開きます。同じ意味を複数の太さで持ち、デザインシステムがその段階を指定しているなら Phosphor を開きます。

Material 風の塗りを一つ探すなら Phosphor は検索先になりません。製品を一つの線の太さに揃えるなら MDI は検索先になりません。語彙の広さは MDI、太さの一貫性は Phosphor です。上のカードから各コレクションへ進めます。

塗りと、太さの段階

MDI は Material 風の大きな塗りライブラリです。公式の Material Symbols フォントではありません。Phosphor の名前は太さで終わり、thin、light、regular、bold、fill、duotone があります。製品では太さを一つに決めてください。fill や duotone は細い線と置き換えられません。

Phosphor のツールバーに MDI を一つだけ置かないでください。塗りと角が飛びます。下の見本は両方にある名前なので、依存を決める前に描き方を見られます。

MDI と Phosphor の選び方

線の細いセットが見逃す領域のアイコンまで探すなら MDI です。UI がすでに太さの段階を持ち、ツールバーのすべてがその段階で要るなら Phosphor です。

ライセンス

MDI は Apache 2.0、Phosphor は MIT です。表記を残せば製品に使えます。MDI のブランド風の記号も Apache 2.0 の図形ですが、ロゴの使い方は商標でさらに制限されることがあります。ライセンス を見てください。上流のライセンスに従ってください。このサイトは法的な助言ではありません。

両方にある同じ名前