首先在iconfont.cn中"新建项目"
找到想要的字体图标"添加入库"
点击购物车会看到刚刚添加进来的图标
将图标"添加至项目"
-
方式一:下载至本地
解压得到一个文件夹,将此文件夹放到项目中,引入文件夹下的iconfont.css
import './iconfont/iconfont.css' function App2() { return ( <> <i className='iconfont icon-Eye'></i> <i className='iconfont icon-huaban'></i> </> ); } export default App2;
-
方式二:scriptUrl地址是在inconfont.cn项目中生成的
import { createFromIconfontCN } from '@ant-design/icons'; function App() { const MyIcon = createFromIconfontCN({ scriptUrl: '//at.alicdn.com/t/font_3352720_nffujozf9v.js', }); return ( <> <MyIcon type="icon-zanting"/> <MyIcon type="icon-xiazai"/> </> ); } export default App;