① 怎么在网站上下载图标
下载图标
1
由于度娘限制，自己网络下载地址吧~
输入“阿里巴巴矢量图标库”网络搜索第一位就是啦
2
打开网址，你可以选择右上角的搜索，搜索自己要的图标，例如美女
3
也可以选择去图标库自行选择想要的图标
4
选择图标，点击图标变成橘色，即放在暂存架
5
再次点击即可取消，或者在暂存架中鼠标滑过图标，图标右上角有删除小按钮也可删除选中
6
选择好要用的图标后，点击暂存架的下载至本地，解压待用
END
项目引用
1
打开解压的文件夹中的demo.html
2
我们下载的图标可看到了吧，按照demo的步骤，下面我们配置ionic的项目
3
静态文件存放目录，新建font文件夹用来存放字体文件（可自定义存放）
4
css使用font-face声明字体
5
css定义使用iconfont的样式
6
挑选相应图标并获取字体编码，应用于页面就可以显示图标啦
END
Tab及其他标签引用图标
1
大家发现，Ionic的图标只要加个类似ion-happy ion-XXX的class就可以应用相应的图标，那么我们怎么用阿里巴巴的矢量图标呢，不要急也有办法
打开直接解压的图标文件中的iconfont.css文件
2
将那些.icon-XXX:before{content:'XXXX'}也复制到你的css文件中去
看过ionic css文件源码的童鞋，是不是看到这些有点熟悉呢
3
那就对啦，只要在class中加 iconfont icon-XXX就可以使用图标了
如果P4P没有用好的话，反而会影响到自然流量，建议系统学习一下P4P
《史上最全P4P系列课》
② 有什么下载icon的网站
嗨，我是一周君。底下的整理了几个图标库，希望对大家有所帮助！
◎ Noun Project - 百万级别的高质量图标平台，以黑白为主要颜色。提供两种格式（SVG、PNG）下载，有付费和一般会员两种方式，付费会员可以免标示作者，并支持在线改色。
◎ 阿里巴巴矢量图标素材库 - 国内最大的图标平台，超过300万图标资源。支持中文搜索，直接点击下载或批量下载，支持在线修改颜色，提供SVG、Ai、PNG三种格式。
◎ FLATICON - 同样是百万级别的图标平台，风格较广，包括黑白、彩色和线型图标。部分付费会员可以下载。支持单个下载或添加至Collections，最后批量下载，提供多种格式（SVG、EPS、PNG、PSD）。
◎ Icons8 - 高质量免费图标资源网站，超过7万图标，中文搜索支持。提供在线改色、添加文字或背景装饰，四种下载格式（SVG、EPS、PNG、PDF）。下载或使用Icons8 App更方便。
◎ Human Pictogram2 - 日本设计师创立的网站，提供风格一致的火柴人图标，三种格式（SVG、Ai、PNG）免费可商用。包含1000组主题人物，支持英文/日文搜索。
◎ unDraw - 插图网站，出自同一设计师，风格一致。支持在线修改插图色调，提供PNG和SVG两种格式下载。
◎ illustrio - 提供免费图标库，在线调整颜色和风格样式，提供SVG和PNG两种格式下载。
◎ Share Icon - 高质量图标素材网站，分类、风格或颜色筛选，支持SVG、EPS、PNG、PSD等格式下载。
◎ IconStore - 收录成套图标网站，通过Categories查找主题图标，格式多为SVG、EPS等矢量文件。
◎ Instant Logo Search - 收录各大品牌LOGO扁平化风格图标，中文搜索，提供SVG、Ai、PNG三种格式，支持批量下载。
◎ iconninja - 超过70万免费图标资源网站，限定只找SVG矢量图标。PNG图标可按需求选择合适大小下载。
◎ easyicon - 近60万免费图标资源网站，图标风格参差不齐，支持中文搜索，下载PNG、ICO格式。
◎ Zondicons - 设计师Steve Schoger提供的高质量图标合集，一键打包下载，风格适合产品接口设计。
◎ Maki Icons - 提供300多个高质量图标打包下载，附设计指南，正确编辑修改图标。
以上整理的图标库，希望能帮助到大家寻找所需的图标资源。关注“一周进步”公众号，获取更多干货和学习资源。感谢您的支持与鼓励，点赞收藏不吝啬！
③ 我最想私藏的是：这9个免费下载海量icon图标的网站！
在运营工作中，我们常常需要在文章、海报或项目中使用图标元素来增强视觉效果。然而，自带的图标库往往数量有限，无法满足创意需求。幸运的是，互联网上存在多个免费下载海量图标资源的网站，这些网站提供了丰富多样的图标，能够帮助我们丰富设计内容，提升作品质量。接下来，我将分享9个我私藏的免费下载小图标网站，它们各有特色，适合不同场景的应用。
1. iconfont.cn
阿里巴巴旗下的一站式图标库，提供多种可爱的小表情，非常适合添加到文章或设计中，让作品更生动有趣。
2. easyicon.net
这是早期的图标资源网站，提供了多种颜色的图标选择，只需输入关键词，就能快速找到所需图标，方便快捷。
3. iconmonstr.com
专注于提供黑白两色的矢量图标，支持下载PNG或SVG格式，适用于需要高度可定制化设计的场景。
4. iconfinder.com
界面干净简洁，输入关键词即可搜索到大量图标，帮助我们快速找到符合设计需求的元素。
5. swifticons.com
网站的图标设计风格小巧可爱，非常适合在文章或图片中作为点缀，增加视觉趣味。
6. icons8.com
拥有大量免费图标，支持大小和颜色的自定义，提供丰富的创意选择，让作品更具个性化。
7. iconstore.co
网站提供了一系列有趣主题的小图标集，包含各种风格和用途，为设计提供更多的灵感和选择。
8. flat-icon-design.com
一个日本的图标网站，以简约的扁平风为主，明确标注可作为商业用途，适合追求简洁风格的项目。
9. flaticon.com
提供商务风格的图标资源，尤其适合海报、网站设计等场景，增添专业感和现代感。
以上网站不仅提供了丰富的图标资源，还各有特色，适合不同类型的创意项目。作为运营人，了解并善用这些资源，能够有效提升设计效率和作品质量。希望这些信息对您有所帮助，如果您还有其他需求，欢迎关注我，获取更多实用又好玩的设计工具和技巧分享。