【问题标题】：Use material design icons font instead of svg icon components使用材料设计图标字体而不是 svg 图标组件
【发布时间】：2017-11-21 21:49:20
【问题描述】：
在next 分支中重新实现material-ui 时，我注意到使用图标的首选方法显然是从包material-ui-icons 中导入组件，其中每个图标都有一个组件。我更喜欢通过 css 类引用组件的通常方式，每个 css 类都应用适当的字体系列和字符代码，a-la font awesome。例如，这使得引用图标变得更容易，而不必为每个图标导入一个组件。这可能吗？
【问题讨论】：
标签：
reactjs
material-design
material-ui
【解决方案1】：
这个可以通过在index.html中导入material design icons字体来解决：
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
然后可以像这样在 React jsx 代码中呈现图标：
<i class="material-icons">close</i>