0
点赞
收藏
分享

微信扫一扫

推荐 5 个优秀的 Javascript 图标库

直接上正文~

1. ​​Feathericons​​

推荐 5 个优秀的 Javascript 图标库_ico

​Feathericons​​​ 是精美的开源图标集合,每个图标按照​​24 * 24​​的规格进行设计。

特性

  • 开源(免费使用)🥳
  • 可通过 NPM 包安装 📦
  • 可通过 CDN 引用 📶
  • 图标制作精美 🎨

2. ​​Ionicons​​

推荐 5 个优秀的 Javascript 图标库_css_02

针对​​web​​​、​​iOS​​​、​​Andriod​​​和​​桌面应用​​​是一个很优质的图标库。支持​​SVG​​​和​​web font​​。

特性

  • 开源(免费使用)🥳
  • 可通过 NPM 包安装 📦
  • 可通过 CDN 引用 📶
  • 图标制作精美 🎨
  • 有不同选择:轮廓,填充和锐化 🤯

3. ​​Boxicons​​

推荐 5 个优秀的 Javascript 图标库_前端_03

简单的开源图标,适合设计师和相关开发者。

特性

  • 开源(免费使用)🥳
  • 可通过 NPM 包安装 📦
  • 可通过 CDN 引用 📶
  • 图标制作精美 🎨
  • 有不同选择:规则,实体和品牌图 🤯

4. ​​Heroicons​​

推荐 5 个优秀的 Javascript 图标库_前端框架_04

​SVG​​​ 图标,由很火的 ​​Tailwind CSS​​ 制作者引导。

Tailwind CSS 可以打开你编写样式的新大门,感兴趣可以了解下。

特性

  • 开源(免费使用)🥳
  • 可通过 NPM 包安装 📦
  • 可直接复制 SVG 代码 🖱️
  • 图标制作精美 🎨
  • 社区强大 🫂

5. ​​CSS Icons​​

推荐 5 个优秀的 Javascript 图标库_CSS_05

此开源的图标可支持仅纯​​CSS​​​代码编写,也可支持其它不同的形式,如:​​SVG​​​, ​​Figma​​​等。如果你在站点性能上追求极致,推荐你使用这个库。它的存​​CSS​​代码的编写,能减少额外的图标请求链接的请求。☄️

特性

  • 开源(免费使用)🥳
  • 可通过 NPM 包安装 📦
  • 可通过 CDN 引用 📶
  • 图标制作精美 🎨
  • 图标可以仅通过 CSS 完成,使得你项目性能更高 🔋

当然还有很多的图标库可以推荐给大家,但是,上面的 5 个已经很好并且已经够用了。读者可以选择适合自己的图片库去使用。


举报

相关推荐

0 条评论