svgアイコンコンポーネントの代わりにマテリアルデザインアイコンフォントを使用

Question

nextブランチのmaterial-uiを再実装したところ、アイコンを使用するのに好ましい方法はパッケージmaterial-ui-iconsからコンポーネントをインポートすることですアイコンごとに1つのコンポーネント。私は、cssクラスを介してコンポーネントを参照する通常の方法を好み、各CSSクラスは適切なフォントファミリと文字コード、a-laフォントを素晴らしいものに適用します。これにより、各アイコンごとにコンポーネントをインポートせずにアイコンを参照することが容易になります。これはまったく可能ですか？

Answer 1

これは、材料設計アイコンのindex.htmlのフォントインポートすることによって解決することができる。

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 

そしてアイコンは、このようなJSXコードを反応させる内にレンダリングすることができる。

<i class="material-icons">close</i>