c入门经典源代码（c语言源代码例子）

本篇文章给大家谈谈iconfont图标代码列表，以及IConfont对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、我自己做网站的时候，可以使用iconfont吗？
• 2、web前端怎么用iconfont
• 3、react-webpack工程中怎么使用iconfont图标

我自己做网站的时候，可以使用iconfont吗？

可以的。

阿里巴巴矢量图标库是免费使用的，免费图库中的图标并未注册为商标，中间不涉及到版权问题，可以商用。但是如果是有设计师标明的，就不可以用于商用，具体要看所要使用图标是否有标注可以商用。

Iconfont这个平台 ，提供了许多免费的工具，设计师不仅可以浏览下载大量优秀设计师的图标作品，还可以管理和展示自己设计的图标。是很多UI设计师日常工作的必备工具。

扩展资料：

iconfont+的看点

1、iconfont+全面升级了iconfont的帮助体系，详细介绍了iconfont平台的功能，详细介绍了绘制一套iconfont图标需要注意的事项，同时提供了iconfont在pc、iso端、安卓端应用的详细代码应用教程。

2、多色矢量图标上传和下载是这次iconfont+在功能上做的最大的升级，通过SVG支持多色的特性，正式支持多色矢量图标的下载，设计师可以有更多维度的设计发挥。

3、视觉界面升级是这次最直观的视觉体验升级，这次围绕星空主题，视觉语言上更年轻，更统一。为设计师、前端工程师用户提供一个更活泼、更具探索氛围的网站。

参考资料来源：Iconfont-Iconfont 常见问题集合

web前端怎么用iconfont

网页当中的一些小图标，可以使用iconfont，iconfont的原理是借助特殊字体这一功能，将原有的图标做成了字体，这样做的好处在于大大降低了图片的大小以及服务器的请求次数。

如果WEB前端想要使用iconfont，则首先需要由设计师将图标上传到iconfont（或者直接使用iconfont官网上的图标），之后WEB前端工程师只需要将这些图标添加到项目，之后下载即可。下载的文件当中会包含iconfont的demo样例以及范例代码。

react-webpack工程中怎么使用iconfont图标

这个问题今天下午也困扰了我2个小时 给出解决方案 希望对所有人有所帮助

1、webpack打包那里要添加如下代码：（这个是告诉webpack要打包什么类型的文件）

2、进入到iconfont官网这个页面 左侧选择中间那个 之后点击下载到本地

3、下载后解压缩到项目工程某一个你觉得ok的目录下

4、再你想引用的react组件中引用他

require('../../../public/css/icon-extend/iconfont.css');

5、正常使用就ok了

i className={'iconfont icon-123'} /

主要参考文章：

网页链接

网页链接

点个赞再走吧！

关于iconfont图标代码列表和IConfont的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。