React 里使用 material-design-icons

最新推荐文章于 2024-08-24 07:12:46 发布

叫我虫虫吧

最新推荐文章于 2024-08-24 07:12:46 发布

阅读量831

点赞数 1

分类专栏： react 问题记录

本文链接：https://blog.csdn.net/qq_40319394/article/details/119215296

版权

react 问题记录专栏收录该内容

14 篇文章 0 订阅

订阅专栏

本文介绍了如何在项目中安装和使用Google的Material Design Icons。首先通过npm安装，然后在入口样式文件中引入material-icons.css。接着展示了一个简单的例子，展示了如何在组件中直接使用<span>标签配合class='material-icons'显示图标，例如'check_circle'。

摘要由CSDN通过智能技术生成

介绍：material-design-icons 是由 Google 开源的 Material 设计图标集

1.安装：

npm install material-design-icons

2.在你的入口sass或者less里引入material-icons.css

@import '~material-design-icons/iconfont/material-icons.css';

body:{...}

3.直接使用：<span className="material-icons">check_circle</span>

const Child = (props) => {
    return (
        <div>
            <span className="material-icons">check_circle</span>
        </div>
    )
}
export default Child