平面设计中图标使用手册

2025-10-31 16:16:41

1、使用方法:1、首先进入素材网字搜索需要的主题图标类型。

平面设计中图标使用手册

2、然后在图标库或者搜索栏搜索自己需要的图标,要善搜索,可以极大的提升工作效率。

3、对应的搜索结果如图所示:

平面设计中图标使用手册

4、下载png格式、AI格式、还有svg格式外,还可以对图标进行编辑操作,更改其颜色和大小。

1、打开下载后的压缩包

平面设计中图标使用手册

2、首先在自己的html文件中引入iconfont.css样式表文件

  代码如下:

       <!--引进字体图标文件-->

 

       <link rel="stylesheet" href="../css/iconfont/weibo/iconfont.css">

 

       <!--引进字体图标文件-->

 

       <link rel="stylesheet" href="../css/iconfont/weixin/iconfont.css">

3、注意此文件中有关联文件,即字体的格式文件,所以在将iconfont.css文件放入项目时,也需将另外三个字体格式文件一并放入。

平面设计中图标使用手册

4、接着在哪需要用到此图标,就用i标签,然后设置相应的类名即可。

    <!--搜索图标-->

 

   <i class=" iconfont icon-wxbsousuotuiguang"></i>
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢