由于项目需要,需要在现有的iconfont图标中再添加一些新的图标字体,而且还需保留原先的图标。
一开始的想法是看能不能直接在原先的图标文件中添加代码,后来发现不行。
其实,只要去iconfont官网中找到自己想要图标下载:
然后下载代码:
接着对现有的代码文件名进行修改,目的就是为了不覆盖原先的图标字体文件。
修改后如下(文件名可以自己定义):
然后修改iconfont_sunburst.css文件中的路径名,将相关的路径名设置为你修改的文件名:
最后,直接在需要使用新加图标的文件中引用即可:
<div className={styles.notFound}>
<i className="iconfont icon-sunburst" />
<h5>旭日图</h5>
</div>
最后大功告成!!