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

3,138 阅读1分钟

直接上正文~

1. Feathericons

feathericons.png

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

特性

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

2. Ionicons

ionic.png

针对webiOSAndriod桌面应用是一个很优质的图标库。支持SVGweb font

特性

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

3. Boxicons

boxicons.png

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

特性

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

4. Heroicons

heroicons.png

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

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

特性

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

5. CSS Icons

cssicon.png

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

特性

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

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

后话