草莓图标库介绍及使用

在网站的开发中,总会用到一些图标,今天介绍一款草莓图标库。他不仅绘制精美,使用方便且免费,体积还很小。

在网站的开发中,总会用到一些图标,今天介绍一款草莓图标库。他不仅绘制精美,使用方便且免费,体积还很小。

如何安装到网页中?

<!--加载本地图标文件-->
<link rel="stylesheet" href="strawberry-v2.0.0/style.css">

您可以下载页底提供的Demo zip 文件解压至本地参考。

如何安装到wordpress主题中?

将文件夹解压至主题根目录的font 文件夹中,在主题的header.php 的head 中添加下列代码:

<!--载入图标-->
	<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/font/style.css">
草莓图标库介绍及使用-Npcink
草莓图标库介绍及使用-Npcink

WordPress怎么加载 CSS 和JS? - WordPress开发

草莓图标库PRO --

公告:几乎每个图标都是本人亲自绘制,既需要耐心同时也要耗时耗力。为劳动成果能够得到尊重,项目能够得到长期的设计源动力和维护力。新Pro图标库为付费赞赏模式,一次付费永久使用。感谢理解和支持。免费和开源的版本依然可以使用V1.28版,无任何影响。

🍓草莓图标库

为开发者设计的一套免费开源图标库

  • 精心绘制 丨 风格统一、力求像素级的显示
  • 使用高效 丨 资源轻量、灵活、多设备兼容
  • 开源免费 丨 个人私用和商用版权开源免费

开始使用

  1. 将整个草莓图标库的目录复制到你的项目中
  2. 在 <head> 标签中添加 <link rel="stylesheet" href="path/to/style.css">
  3. 在需要图标的地方添加对应 class 的 <i> 即可,已书籍图标为例:<i class="czs-book"></i>

设计开发

开源协议

  • 草莓图标库中的字体遵循 SIL OFL 1.1 协议
  • 草莓图标库中的 css 遵循 MIT 协议
  • 草莓图标库中的文档遵循 CC BY 3.0 协议

第三方开发者

图标更新

  • 品牌图标 丨 图标库中的品牌标志均为其各自所有者的商标, 请勿将品牌图标用于除了代表该品牌或服务之外的目的
草莓图标库介绍及使用

这是一款更加强大的图标库,您也可以了解一下。

草莓图标库介绍及使用-Npcink
草莓图标库介绍及使用-Npcink

怎么在网页中调用Font Awesome图标?

草莓图标库介绍及使用-Npcink
草莓图标库介绍及使用-Npcink

Iconfont - 阿里巴巴矢量图标库

下载权限

查看
  • 免费下载
    评论并刷新后下载
    登录后下载

查看演示

  • {{attr.name}}:
您当前的等级为
登录后免费下载登录 小黑屋反思中,不准下载! 评论后刷新页面下载评论 支付以后下载 请先登录 您今天的下载次数(次)用完了,请明天再来 支付积分以后下载立即支付 支付以后下载立即支付 您当前的用户组不允许下载升级会员
您已获得下载权限 您可以每天下载资源次,今日剩余
Designer

Fancybox - 用于显示图像,视频等的jQuery灯箱脚本

2019-6-17 7:25:54

Designer

伊娃设计系统 - 深度学习颜色发生器

2019-9-7 15:09:59

⚠️
Npcink上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
无意侵害您的权益,请发送邮件至 1355471563#qq.com 或点击右侧 私信:Muze 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索