icon的几种做法

方法：
１．img法
２．background法
３．background合一法
４．font法
５．SVG法
６．新手慎用【CSS就是干】法

直接用img标签就可以。
好处：可以自适应，可以设置宽高。

用background背景图设置；
注意设置no-repeat；
好处，当div的宽高发生变化时，背景图不会随着它变化。
在css sprites（雪碧图）中应用，直接使用生成器就可以～

使用字体文件就可以。这个字体文件比较特殊是icon。
可以用html/css/js来分别实现

优先使用symbol
这三种的使用方法，查看iconfont

参考：cssicon.space

ps导出图层：

１．右键图层

点击

２．在选中图层（右边）右键，复制图层。

复制图层

放在新文档

３．新文档只有我们选中的

新文档

４．裁剪我们需要的，可能需要调整画布大小

裁剪

５．导出

导出

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。