阿里巴巴图标库 和FontAwesome图标有版权吗 ？
如何正确使用，很多常用图标几乎都是行业没密码默认的了，这样的图标能直接用吗？会不会有版权问题？
按时间排序
FontAwesome 可以商用且免费。阿里的商用有潜在风险，因为一些图标是具备版权和原创的，作者不允许商用到其他网站。
泻药，电脑收着懒得拿出来了，手机编辑，格式将就下 著作权法 第三条　本法所称的作品，包括以下列形式创作的文学、艺术和自然科学、社会科学、工程技术等作品： 　（一）文字作品； 　（二）口述作品； 　（三）音乐、戏剧、曲艺、舞蹈、杂技艺术作品； 　（四）美术、建筑作品； 　（五）摄影作品； 　（六）电影作品和以类似摄制电影的方法创作的作品； 　（七）工程设计图、产品设计图、地图、示意图等图形作品和模型作品； 　（八）计算机软件； 　（九）法律、行政法规规定的其他作品。 在上述分类中，图标应属于美术作品，类似于字体库，在其是否享有著作权方面还是有一定争议的，但我倾向于认为是有著作权的，毕竟是智力劳动的成果，且是可复制的作品。 使用的话，如果基于合理使用是不会侵犯其权利的，关于合理使用：第二十二条　在下列情况下使用作品，可以不经著作权人许可，不向其支付报酬，但应当指明作者姓名、作品名称，并且不得侵犯著作权人依照本法享有的其他权利：　（一）为个人学习、研究或者欣赏，使用他人已经发表的作品；　（二）为介绍、评论某一作品或者说明某一问题，在作品中适当引用他人已经发表的作品；　（三）为报道时事新闻，在报纸、期刊、广播电台、电视台等媒体中不可避免地再现或者引用已经发表的作品；　（四）报纸、期刊、广播电台、电视台等媒体刊登或者播放其他报纸、期刊、广播电台、电视台等媒体已经发表的关于政治、经济、宗教问题的时事性文章，但作者声明不许刊登、播放的除外；　（五）报纸、期刊、广播电台、电视台等媒体刊登或者播放在公众集会上发表的讲话，但作者声明不许刊登、播放的除外；　（六）为学校课堂教学或者科学研究，翻译或者少量复制已经发表的作品，供教学或者科研人员使用，但不得出版发行；　（七）国家机关为执行公务在合理范围内使用已经发表的作品；　（八）图书馆、档案馆、纪念馆、博物馆、美术馆等为陈列或者保存版本的需要，复制本馆收藏的作品；　（九）免费表演已经发表的作品，该表演未向公众收取费用，也未向表演者支付报酬；　（十）对设置或者陈列在室外公共场所的艺术作品进行临摹、绘画、摄影、录像；　（十一）将中国公民、法人或者其他组织已经发表的以汉语言文字创作的作品翻译成少数民族语言文字作品在国内出版发行；　（十二）将已经发表的作品改成盲文出版。　前款规定适用于对出版者、表演者、录音录像制作者、广播电台、电视台的权利的限制。如果是商业使用，而目前行业默认无密码的话，可能是制作方暂时不打算收费或追责，但也不排除其在知道或应当知道侵权行为后两年内的任何时段采取诉讼等措施。
阿里那个三个月前发了邮件询问 License 的问题，至今未回
已有帐号？
无法登录？
社交帐号登录热门排序 |
这个齿轮的难点在最外面的那一圈怎么做出来（用的是AI CC 2015，低版本AI没有边角构件功能，不适用本教程）&br&&br&&img src=&/2bdb5c643a_b.png& data-rawwidth=&753& data-rawheight=&381& class=&origin_image zh-lightbox-thumb& width=&753& data-original=&/2bdb5c643a_r.png&&把图放到AI里面，稍微旋转一下，这样看起来比较好分析。&br&&br&&img src=&/5b2bbc8edd_b.png& data-rawwidth=&334& data-rawheight=&336& class=&content_image& width=&334&&&br&画一个矩形，以45度旋转加复制，达到上图效果。&br&&br&&img src=&/96050ecb9faf7_b.png& data-rawwidth=&364& data-rawheight=&333& class=&content_image& width=&364&&框选所有矩形，然后合并成一个封闭形状。&br&&br&&img src=&/c7a928a80_b.png& data-rawwidth=&169& data-rawheight=&175& class=&content_image& width=&169&&仔细看这里，有一点弧度的。&br&&br&&img src=&/f1c9ea97c11ffa70b2994_b.png& data-rawwidth=&422& data-rawheight=&442& class=&origin_image zh-lightbox-thumb& width=&422& data-original=&/f1c9ea97c11ffa70b2994_r.png&&&br&画一个同心圆。&br&&br&&img src=&/50cda0ef881c73373cc61_b.png& data-rawwidth=&348& data-rawheight=&355& class=&content_image& width=&348&&用形状生成工具，生成如图的形状。&br&&br&&img src=&/eec9465eedfe19db3ca732c407ae70fa_b.png& data-rawwidth=&265& data-rawheight=&268& class=&content_image& width=&265&&删除多余的形状，留下如上图的形状。&br&&br&&img src=&/5f0b9b6611_b.png& data-rawwidth=&299& data-rawheight=&300& class=&content_image& width=&299&&用白箭头选中图中框起来的锚点。&br&&br&&img src=&/c8cdfb87eedf9189ec74efd_b.png& data-rawwidth=&254& data-rawheight=&251& class=&content_image& width=&254&&这时候应该会有多出这个小圆点（低版本AI没有，如果版本对的话，但是还没有的话，请点击“视图”-“显示边角构件”）&br&&br&&img src=&/913b8d37db174e0afb577_b.png& data-rawwidth=&302& data-rawheight=&307& class=&content_image& width=&302&&鼠标放到小圆点上，按住左键，然后拖动，达到上图效果。&br&&br&&img src=&/b0ecedeec22bb07a20c6b2_b.png& data-rawwidth=&260& data-rawheight=&260& class=&content_image& width=&260&&选中最外面的那些锚点，和上一步一样，用边角构件功能，拖动，变成圆角。&br&&br&&img src=&/fa83129d6baedb5fcfd6fa_b.png& data-rawwidth=&245& data-rawheight=&234& class=&content_image& width=&245&&&br&效果如上，难点解决了。&br&&br&其他的都是很基础的了，你自己捯饬吧 - -&br&&br&这是最终效果图，基本上做出来了&br&&img src=&/3f9faaa416aba4af79bb4_b.png& data-rawwidth=&997& data-rawheight=&938& class=&origin_image zh-lightbox-thumb& width=&997& data-original=&/3f9faaa416aba4af79bb4_r.png&&&img src=&/660afc359e5dbb4750c5_b.png& data-rawwidth=&910& data-rawheight=&889& class=&origin_image zh-lightbox-thumb& width=&910& data-original=&/660afc359e5dbb4750c5_r.png&&&img src=&/cc09cac7a1ef31e9d1e1ef45eb7d4272_b.png& data-rawwidth=&876& data-rawheight=&859& class=&origin_image zh-lightbox-thumb& width=&876& data-original=&/cc09cac7a1ef31e9d1e1ef45eb7d4272_r.png&&
这个齿轮的难点在最外面的那一圈怎么做出来（用的是AI CC 2015，低版本AI没有边角构件功能，不适用本教程）把图放到AI里面，稍微旋转一下，这样看起来比较好分析。画一个矩形，以45度旋转加复制，达到上图效果。框选所有矩形，然后合并成一个封闭形状。仔细…
图标的制作和上传可以参照官网给出的文档：&a href=&///?target=http%3A///help/iconmake.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Page 1&i class=&icon-external&&&/i&&/a&&br&图标的下载和使用官网上说的不是很清楚，简单介绍下：&br&1.首先在&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Iconfont-阿里巴巴矢量图标库&i class=&icon-external&&&/i&&/a&上面将你需要的图标点击购物车按钮加入“暂存架”&br&&img src=&/6a10d31f4ad8f62aebe79_b.png& data-rawwidth=&1165& data-rawheight=&522& class=&origin_image zh-lightbox-thumb& width=&1165& data-original=&/6a10d31f4ad8f62aebe79_r.png&&2.选择完所有要用的图标后“存储为项目”，给它命名。然后在“图标管理”-“图标应用项目”中找到这个项目，获取在线链接，把里面的代码复制到CSS中。&br&&img src=&/a83d31e2aaed8c8_b.png& data-rawwidth=&879& data-rawheight=&494& class=&origin_image zh-lightbox-thumb& width=&879& data-original=&/a83d31e2aaed8c8_r.png&&3.在HTML中需要使用到图标时，使用iconfont类名。&br&&div class=&highlight&&&pre&&code class=&language-html&&&span class=&nt&&&i&/span& &span class=&na&&class=&/span&&span class=&s&&&iconfont&&/span&&span class=&nt&&&&/span&&span class=&ni&&&/span&&span class=&nt&&&/i&&/span&
&/code&&/pre&&/div&里面写上你想用的图标下面的Unicode：&br&&img src=&/728eac945c463eb7966f0_b.png& data-rawwidth=&869& data-rawheight=&308& class=&origin_image zh-lightbox-thumb& width=&869& data-original=&/728eac945c463eb7966f0_r.png&&&br&4.然后你可以通过控制iconfont类的属性改变图标的样式，比如：&br&&div class=&highlight&&&pre&&code class=&language-css&&&span class=&nc&&.iconfont&/span&&span class=&p&&{&/span&
&span class=&k&&font-family&/span&&span class=&o&&:&/span&&span class=&s2&&&iconfont&&/span&&span class=&p&&;&/span&
&span class=&k&&font-size&/span&&span class=&o&&:&/span&&span class=&m&&16px&/span&&span class=&p&&;&/span&
&span class=&k&&font-style&/span&&span class=&o&&:&/span&&span class=&k&&normal&/span&&span class=&p&&;&/span&
&span class=&o&&-&/span&&span class=&n&&webkit&/span&&span class=&o&&-&/span&&span class=&k&&font&/span&&span class=&o&&-&/span&&span class=&n&&smoothing&/span&&span class=&o&&:&/span& &span class=&n&&antialiased&/span&&span class=&p&&;&/span&
&span class=&o&&-&/span&&span class=&n&&webkit&/span&&span class=&o&&-&/span&&span class=&k&&text&/span&&span class=&o&&-&/span&&span class=&n&&stroke&/span&&span class=&o&&-&/span&&span class=&k&&width&/span&&span class=&o&&:&/span& &span class=&m&&0.2px&/span&&span class=&p&&;&/span&
&span class=&o&&-&/span&&span class=&n&&moz&/span&&span class=&o&&-&/span&&span class=&n&&osx&/span&&span class=&o&&-&/span&&span class=&k&&font&/span&&span class=&o&&-&/span&&span class=&n&&smoothing&/span&&span class=&o&&:&/span& &span class=&n&&grayscale&/span&&span class=&p&&;&/span&
&span class=&k&&padding-left&/span&&span class=&o&&:&/span&&span class=&m&&20px&/span&
&span class=&p&&}&/span&
&/code&&/pre&&/div&就可以在页面中引用和修改了。&br&&img src=&/072e3ecb87135f3feedd_b.png& data-rawwidth=&411& data-rawheight=&57& class=&content_image& width=&411&&&br&官网中还列出了使用时候的兼容性问题及其解决方法：&a href=&///?target=http%3A///help/iconuse.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Page 2&i class=&icon-external&&&/i&&/a&&br&&br&这些图标也可以下载到本地使用。图标都加入暂存架后选择“下载到本地”，会得到以下几个文件：&br&&img src=&/93a28ee263ed49350bbf_b.png& data-rawwidth=&213& data-rawheight=&159& class=&content_image& width=&213&&浏览器打开demo.html可以看到每个图标的Unicode，把iconfont.css里的代码复制到css里面，把下面四个文件放到css可以引用到的文件夹里就可以了。下载使用的一个缺点是添加图标的话要重新把所有图标再下载一遍覆盖原来的文件，如果是在线链接只要重新生成一次链接就好了。
图标的制作和上传可以参照官网给出的文档：图标的下载和使用官网上说的不是很清楚，简单介绍下：1.首先在上面将你需要的图标点击购物车按钮加入“暂存架”2.选择完所有要用的图标后“存储为项目”，给它命名。然后在“图…
阿里妈妈webfont里面的字体好少，怎么能添加字体呢？
阿里妈妈webfont里面的字体好少，怎么能添加字体呢？
我在百度经验有写过一篇使用方法&br&&a href=&///?target=http%3A///article/14bd256e4bd36bbb6c26126e.html%-tsina-1-80491-fe3f9dbfe7dcb7ed2bb5& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&/artic&/span&&span class=&invisible&&le/14bd256e4bd36bbb6c26126e.html#5827690-tsina-1-80491-fe3f9dbfe7dcb7ed2bb5&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&
我在百度经验有写过一篇使用方法
笔者曾经写过一篇简单的文章如何在Ai中画出像素对齐的图标&br&&b&&a href=&///?target=http%3A///index.php/archives/7/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&如何在Ai画出适配各分辨率的像素对齐图标&i class=&icon-external&&&/i&&/a&&/b&&br&方法虽然有局限性，但是权当抛砖引玉，供大家启发思路&br&首先要对Ai进行一些设置，这里假设你需要切一张36*36dp大小的照相机图标。&br&&img src=&/abc6cc0a98fbe13_b.png& data-rawwidth=&493& data-rawheight=&136& class=&origin_image zh-lightbox-thumb& width=&493& data-original=&/abc6cc0a98fbe13_r.png&&&br&&p&新建文件，大小36*36，单位选择像素，记住把底下“使新建对象与像素网络对齐”这一条勾上。&br&&/p&&p&在首选项&单位中，将那四个单位都调节成像素，然后在首选项&参考线和网络中，网格线间距设成2px，次分隔线设成1。然后在视图菜单中，把“显示网格”和“对齐网格”都打开。一切就准备就绪了。&br&&/p&&img src=&/99befc09fbdd209d1d196b17aed998d4_b.png& data-rawwidth=&439& data-rawheight=&293& class=&origin_image zh-lightbox-thumb& width=&439& data-original=&/99befc09fbdd209d1d196b17aed998d4_r.png&&&br&&p&画图ing，描边设为2px并且是内测对齐，填充无，然后就是各种你懂得。&/p&&p&这样，就完成了。&br&&/p&&img src=&/7921faacba1724aced65f74f0f386a83_b.png& data-rawwidth=&447& data-rawheight=&444& class=&origin_image zh-lightbox-thumb& width=&447& data-original=&/7921faacba1724aced65f74f0f386a83_r.png&&&br&&p&让我们来看一看像素对齐的情况，选择视图&像素预览，发现像素的确是各归其位。&br&&/p&&img src=&/9d007b78a3ca15238efbfe_b.png& data-rawwidth=&462& data-rawheight=&465& class=&origin_image zh-lightbox-thumb& width=&462& data-original=&/9d007b78a3ca15238efbfe_r.png&&&br&&br&&p&打开Ps，新建一张36*36px的空白文件，把图像导入Ps当中（用小黑箭头全选，Ctrl+C，进入PS，Ctrl+V，选择形状图层）。下面我们来看一看这个图标在按比例放大后的效果。&/p&&br&&p&1.5X效果&br&&/p&&img src=&/f1e6447eca01_b.png& data-rawwidth=&500& data-rawheight=&501& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&/f1e6447eca01_r.png&&&br&&p&2X效果&br&&/p&&img src=&/ca967dffc50c9e9e5496041_b.png& data-rawwidth=&500& data-rawheight=&500& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&/ca967dffc50c9e9e5496041_r.png&&&br&&p&3X效果&br&&/p&&img src=&/a2a62cb85_b.png& data-rawwidth=&500& data-rawheight=&500& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&/a2a62cb85_r.png&&&br&&p&效果都不错。&br&&/p&&img src=&/f784211ede130c3bcb0ed4d62d8a7862_b.png& data-rawwidth=&266& data-rawheight=&108& class=&content_image& width=&266&&&br&&p&其实原理很简单，之前在Ai中设置使得所有的锚点都在像素坐标均为偶数的的点上，无论是放大1.5X还是2X或者3X，锚点依然会在像素坐标均为整数的点上，于是线条边缘就与像素边缘对齐啦。&/p&&p&当然这种办法有也缺点，就是不能描出线条粗为1dp的超细图标，原因仅仅是因为我们要适配HDPI（1dp=1.5px）这奇葩的分辨率，当然，如果真想画超细图标，也可以为HDPI单独修一版，工作负担也不是很大。&/p&&p&当然iOS端就不存在这些问题啦，所以就不用严格地把锚点放在坐标均为偶数的点上。&/p&&p&&b&————华丽丽的分割线————&/b&&/p&&br&&p&说实话，对于现在分辨率超高的手机来说，像素对齐的意义已经不是很大了，苹果iPhone6 Plus干脆直接压缩图像，把设计师辛苦切出来的像素完美的图故意缩小1.1倍，因为超高分辨率下单像素的模糊肉眼几乎看不出来。&/p&&p&下图来自&a href=&///?target=http%3A///news/ultimat& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&PaintCode - Turn your drawings into Objective-C or Swift drawing code&i class=&icon-external&&&/i&&/a&&/p&&p&&img src=&/f0fd990fc6b294c654a5a2a3a406400a_b.png& data-rawwidth=&999& data-rawheight=&953& class=&origin_image zh-lightbox-thumb& width=&999& data-original=&/f0fd990fc6b294c654a5a2a3a406400a_r.png&&但是考虑到目前市场上通行的各种带屏幕的设备分辨率有6P那么高的不多，所以在当下做像素对齐还是有价值的，特别是对于电脑屏幕来说，像素对齐对于视觉感官提升很大。&/p&&p&&b&————华丽丽的分割线————&/b&&br&&/p&&br&&p&谈到Ps和Ai谁更适合做图标，其实各有利弊，笔者在工作中一般是一起使用，取长补短。虽然Ps有完整的矢量工具组，但是比如布尔运算或者管理多层矢量图形这样的常用操作，Ai就比Ps便捷许多，而且Ai有许多贴心强大的独有工具（比如混合工具整形工具动态圆角等等等），用来制作图标确实合适。但是Ai也有Ai的短板，就是一旦涉及像素级的修改，Ai就会显得力不从心（虽然有像素预览，但是Ai的像素预览仅仅只是一种“预览”，不是Ps中那种所见即所得，少数时候会误导人），所以后期往往把Ai里画好的路径直接拖进Ps进行下一步处理。&/p&&br&&p&个人观点，抛砖引玉&/p&
笔者曾经写过一篇简单的文章如何在Ai中画出像素对齐的图标方法虽然有局限性，但是权当抛砖引玉，供大家启发思路首先要对Ai进行一些设置，这里假设你需要切一张36*36dp大小的照相机图标。新建文件，大小36*36，单位选…
Icon Font 并不是一个特别好的解决方案。&br&&br&&b&Icon Font 的优点：&/b&&br&&br&1. 矢量，可以随意缩放&br&2. 在浏览器中渲染性能好&br&3. 一次性加载，不是多次请求小文件，对网页很重要。&br&&br&&b&Icon Font 的缺点：&/b&&br&&br&1. 只能单色，表现力弱&br&2. 修改不便，加一个要修改整个字体，蛋疼&br&3. 尺寸、基线对齐方式不好控制&br&&br&对于移动应用，把图丢到包里面，又没有加载问题，何苦折腾 Icon font。
Icon Font 并不是一个特别好的解决方案。Icon Font 的优点：1. 矢量，可以随意缩放2. 在浏览器中渲染性能好3. 一次性加载，不是多次请求小文件，对网页很重要。Icon Font 的缺点：1. 只能单色，表现力弱2. 修改不便，加一个要修改整个字体，蛋疼3. 尺寸、基…
“很少有见将iconfont图标应用在移动端（APP)上的，个人感觉iconfont很好用，但是很多大公司的移动应用上几乎见不到iconfont图标的原因仅仅只是普及率和兼容性上的问题吗？”&br&&br&想知道 lz 是怎么看出来几乎见不到 iconfont 图标的。我觉得至少肉眼是看不出来的吧。&br&&br&我在写一个 android 应用，重构前没有使用 IconFont，重构后把所有图标用 IconFont 替代，UI 上的区别几乎完全看不出来，但从此 drawable-xxhdpi 文件夹中少了很多很多图片，只剩少数作为控件背景的图片。&br&&br&使用了这个第三方库：&a href=&///?target=https%3A///JoanZapata/android-iconify& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JoanZapata/android-iconify · GitHub&i class=&icon-external&&&/i&&/a&&br&&br&我只想说，用了以后你绝对不会再想回到自己切图的日子。&br&&br&好像有点文不对题了。
“很少有见将iconfont图标应用在移动端（APP)上的，个人感觉iconfont很好用，但是很多大公司的移动应用上几乎见不到iconfont图标的原因仅仅只是普及率和兼容性上的问题吗？”想知道 lz 是怎么看出来几乎见不到 iconfont 图标的。我觉得至少肉眼是看不出来的…
我们就在用啊，除了单色的确是个限制之外，其实对 App 包体积敏感的应用是很不错的一个方案。&br&&br&另外如果 svg 在安卓和 iOS 的支持再成熟些的话，svg 的方案其实也是很适合考虑的。
我们就在用啊，除了单色的确是个限制之外，其实对 App 包体积敏感的应用是很不错的一个方案。另外如果 svg 在安卓和 iOS 的支持再成熟些的话，svg 的方案其实也是很适合考虑的。
已有帐号？
无法登录？
社交帐号登录Iconfont - Font Awesome - 基础 - H-ui前端框架官方网站
 &基础&图标
小白补脑：
首先，我们先恶补下什么是字体图标：用字体文件取代图片文件，来展示图标、特殊字体等元素的方法。
加载文件体积小
统一展示风格，使用方法
通过font-size，color就能自由变化大小，修改颜色，就像控制文字一样简单
可以添加一些视觉效果如：阴影、旋转、透明度
后期维护成本很低
制作门槛有点高，需要借助专业的工具生成字库文件
需要服务器做些相应的配置来解决识别问题和跨域问题
H-ui整合了两家相对比较权威的字体图标：阿里巴巴Iconfont 和 Font Awesome
字体图标的使用方法：
第一步：下载（如果下载过H-ui框架的，请跳过第一步，无须重复下载）
第二步：引入
为了方便资源调用，尽量将.css 和字库文件放在一个文件夹下，不要随意拆开部署，防止无法正常加载字体文件。
Iconfont&link href=&lib/iconfont/iconfont.css& rel=&stylesheet& type=&text/css& /&
Font Awesome&link href=&lib/font-awesome/font-awesome.min.css& rel=&stylesheet& type=&text/css& /&
&!--[if IE 7]&&link href=&lib/font-awesome/font-awesome-ie7.min.css& rel=&stylesheet& type=&text/css& /&&![endif]--&
第三步：调用
有两种使用方法
方法1、挑选相应图标并获取字体编码(如果字库发生过更新，编码会发生相应的变化，需要重新获取对应编码)，应用于页面。󰀠&i class=&iconfont&&󰀠&/i&
方法2、通过对应的css类名调用&i class=&iconfont iconfont-yunshangchuan&&&/i&
阿里巴巴IconfontFont Awesome3.0
阿里巴巴Iconfont平台不广免费提供了1000多个常用的图标，为用户提供了在线矢量格式转换的功能。设计师只要将设计好的图标上传至平台，平台将会将图标存储在平台上，并转换成多种格式文件。具体制作方法在此不做过多阐述，感兴趣可
.yunshangchuan
.shangchuan
.shangchuan1
消费者保障
.xiaofeizhebaozhang
.xinshoushanglu
.fukuanfangshi
.dianzishu
.jiangefuhao
.yangshengqi
.dianhuaji
.xingguang
.duihuakuang
.pingbandiannao
.xianshiqi
.zhaoxiangji
.danfanxiangji
.dianshiji
.renzhengyonghu
.bianjiwenjian
.dengdaiwenjian
.shanchuwenjian
.jianqiewenjian
.fuzhiwenjian
.sousuowenjian
.wenjianjia
新增文件夹
.xinzengwenjianjia
删除文件夹
.shanchuwenjianjia
未打卡的文件夹
.weidaqiadewenjianjia
.wangzhanzhu
.shuzhuangtu
.zhexiantu
.dingxiang
.jingquedingxiang
.guanggaozhu
.nanshangjia
.nvshangjia
.tianjiashangjia
.xingqudingxiang
.tianjiajihua
.guanggaowei
添加广告位
.tianjiaguanggaowei
.shoujidianzhao
.shangjiaqun
.tuwendianzhao
.biaoshengbang
.guanliyuan
.jinbizhuanchu
.jinbitixian
.jinbizhuanru
.yemiantuiguang
广告主活动推广
.guanggaozhuhuodongtuiguang
.xinshouxuetang
.shangchuansucai
.qudaoxiaoguo
.qudaoguanli
推广单元格
.tuiguangdanyuange
.xitongtuisong
.tuiguangqudao
.zizhutuiguang
.jihuabaobiao
竞价资源位
.jingjiaziyuanwei
定价资源位
.dingjiaziyuanwei
.zhanghubaobiao
.wangzhanshezhi
跟踪目标设置
.genzongmubiaoshezhi
.wangzhanguanli
跟踪目标管理
.genzongmubiaoguanli
.biaoqian1
.yunxiazai
.heimingdan
.zhanghumingxi
淘宝客推广
.taobaoketuiguang
推广广告位
.tuiguangguanggaowei
全网竞价报表
.quanwangjingjiabaobiao
.xiangshang
.xiaoliang
.tianjiayonghu
.chazhaoyonghu
.xiaozhushou
.biaoqian2
.zhengque1
.zhaoxiangji1
.wenbenshuru
.xiaosuolvetu
.suijiyonghu
.dantupailie
.daliebiao
大缩略图列表
.dasuolvetuliebiao
.bianjimoban
.tixingshezhi
.daoruchuangyi
.xiangyou1
.xiangzuo1
.xiangshang1
.juhuasuan
.gouwucheman
.gouwuchekong
.yingyongzhongxin
.yousuojin
.chuizhisuofang
.huangguan
.zuosuojin
.shuipingsuofang
.zuishangbu
.dakaixinxi
.yingyongzhongxin1
.wenbenshuru1
.tuwenxiangqing
.gaoqingshexiang
.zipaimoshi
.xiangshang2
.xiangxia1
.xiangzuo2
.xiangyou2
.xinlangweibo
.tengxunweibo
.hebingdanyuan
.xinjianchuangkou
新窗口打开
.xinchuangkoudakai
.chongdian
.daimawenjian
.rilikaishi
.rilijieshu
.shangchuan2
.xiangyou3
.pipeifangshi
.xiangshang3
.xiangxia2
.weixuanzhong
.xuanzhong
.jihualiebiao
.xiugaichujia
.tuiguangzhong
.guanjianci
.qushixiajiang
.chongzhi1
.shoucang1
.jiagequxian
.quxianshangsheng
.dingxiang1
.dianyingpiao
.xinjianmokuai
.anonymous-iconfont
.zhitongche
.huangguan1
.morenchujia
.dianyingpiao1
.taobaotese
温馨提醒：还不知道是个什么玩意的小伙伴可以移步到这里 ，一窥究竟！再次H-ui不做陈述，官方描述更加权威！
适合 Web 应用的图标
icon-adjust
icon-asterisk
icon-ban-circle
icon-bar-chart
icon-barcode
icon-beaker
icon-bell-alt
icon-bookmark
icon-bookmark-empty
icon-briefcase
icon-bullhorn
icon-calendar
icon-camera
icon-camera-retro
icon-certificate
icon-check
icon-check-empty
icon-circle
icon-circle-blank
icon-cloud
icon-cloud-download
icon-cloud-upload
icon-coffee
icon-comment
icon-comment-alt
icon-comments
icon-comments-alt
icon-credit-card
icon-dashboard
icon-desktop
icon-download
icon-download-alt
icon-envelope
icon-envelope-alt
icon-exchange
icon-exclamation-sign
icon-external-link
icon-eye-close
icon-eye-open
icon-facetime-video
icon-fighter-jet
icon-filter
icon-folder-close
icon-folder-open
icon-folder-close-alt
icon-folder-open-alt
icon-glass
icon-globe
icon-group
icon-headphones
icon-heart
icon-heart-empty
icon-inbox
icon-info-sign
icon-laptop
icon-legal
icon-lemon
icon-lightbulb
icon-unlock
icon-magic
icon-magnet
icon-map-marker
icon-minus
icon-minus-sign
icon-mobile-phone
icon-money
icon-music
icon-ok-circle
icon-ok-sign
icon-pencil
icon-picture
icon-plane
icon-plus-sign
icon-print
icon-pushpin
icon-qrcode
icon-question-sign
icon-quote-left
icon-quote-right
icon-random
icon-refresh
icon-remove
icon-remove-circle
icon-remove-sign
icon-reorder
icon-reply
icon-resize-horizontal
icon-resize-vertical
icon-retweet
icon-screenshot
icon-search
icon-share
icon-share-alt
icon-shopping-cart
icon-signal
icon-signin
icon-signout
icon-sitemap
icon-sort-down
icon-sort-up
icon-spinner
icon-star-empty
icon-star-half
icon-tablet
icon-tasks
icon-thumbs-down
icon-thumbs-up
icon-trash
icon-trophy
icon-truck
icon-umbrella
icon-upload
icon-upload-alt
icon-user-md
icon-volume-off
icon-volume-down
icon-volume-up
icon-warning-sign
icon-wrench
icon-zoom-in
icon-zoom-out
文本编辑器图标
icon-file-alt
icon-paste
icon-repeat
icon-text-height
icon-text-width
icon-align-left
icon-align-center
icon-align-right
icon-align-justify
icon-indent-left
icon-indent-right
icon-italic
icon-strikethrough
icon-underline
icon-paper-clip
icon-columns
icon-table
icon-th-large
icon-th-list
icon-list-ol
icon-list-ul
icon-list-alt
指示方向的图标
icon-angle-left
icon-angle-right
icon-angle-up
icon-angle-down
icon-arrow-down
icon-arrow-left
icon-arrow-right
icon-arrow-up
icon-caret-down
icon-caret-left
icon-caret-right
icon-caret-up
icon-chevron-down
icon-chevron-left
icon-chevron-right
icon-chevron-up
icon-circle-arrow-down
icon-circle-arrow-left
icon-circle-arrow-right
icon-circle-arrow-up
icon-double-angle-left
icon-double-angle-right
icon-double-angle-up
icon-double-angle-down
icon-hand-down
icon-hand-left
icon-hand-right
icon-hand-up
icon-circle
icon-circle-blank
视频播放器图标
icon-play-circle
icon-pause
icon-step-backward
icon-fast-backward
icon-backward
icon-forward
icon-fast-forward
icon-step-forward
icon-eject
icon-fullscreen
icon-resize-full
icon-resize-small
icon-phone
icon-phone-sign
icon-facebook
icon-facebook-sign
icon-twitter
icon-twitter-sign
icon-github
icon-github-alt
icon-github-sign
icon-linkedin
icon-linkedin-sign
icon-pinterest
icon-pinterest-sign
icon-google-plus
icon-google-plus-sign
icon-sign-blank
icon-ambulance
icon-beaker
icon-h-sign
icon-hospital
icon-medkit
icon-plus-sign-alt
icon-stethoscope
icon-user-md
HTML代码&i class=&icon-h-sign&&&/i&