#头条创作挑战赛#

本文同步本人掘金平台的原创翻译：https://juejin.cn/post/7066995441165926413

直接上正文～

1. Feathericons

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

特性⚡

• 开源（免费使用）
• 可通过 NPM 包安装
• 可通过 CDN 引用
• 图标制作精美

2. Ionicons

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

特性⚡

• 开源（免费使用）
• 可通过 NPM 包安装
• 可通过 CDN 引用
• 图标制作精美
• 有不同选择：轮廓，填充和锐化

3. Boxicons

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

特性⚡

• 开源（免费使用）
• 可通过 NPM 包安装
• 可通过 CDN 引用
• 图标制作精美
• 有不同选择：规则，实体和品牌图

4. Heroicons

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

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

特性⚡

• 开源（免费使用）
• 可通过 NPM 包安装
• 可直接复制 SVG 代码 ️
• 图标制作精美
• 社区强大

5. CSS Icons

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

特性⚡

• 开源（免费使用）
• 可通过 NPM 包安装
• 可通过 CDN 引用
• 图标制作精美
• 图标可以仅通过 CSS 完成，使得你项目性能更高

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

后话

• 原文：Top 5 Best Javascript Icons Libraries