Directly on the body ~

1. Feathericons

Feathericons are a beautiful collection of open source ICONS, each designed in a 24-by-24 format.

Features ⚑

  • Open source (free to use) πŸ₯³
  • It can be installed via the NPM package πŸ“¦
  • You can refer to πŸ“Ά by CDN
  • Beautifully made icon 🎨

2. Ionicons

A great icon library for Web, iOS, Android and desktop applications. SVG and Web font are supported.

Features ⚑

  • Open source (free to use) πŸ₯³
  • It can be installed via the NPM package πŸ“¦
  • You can refer to πŸ“Ά by CDN
  • Beautifully made icon 🎨
  • There are different options: outline, fill and sharpen 🀯

3. Boxicons

Simple open source icon for designers and related developers.

Features ⚑

  • Open source (free to use) πŸ₯³
  • It can be installed via the NPM package πŸ“¦
  • You can refer to πŸ“Ά by CDN
  • Beautifully made icon 🎨
  • There are different options: rules, entity and brand map 🀯

4. Heroicons

SVG icon, guided by the popular Tailwind CSS creator.

Tailwind CSS can open new doors for you to write styles that you are interested in.

Features ⚑

  • Open source (free to use) πŸ₯³
  • It can be installed via the NPM package πŸ“¦
  • You can copy the SVG code directly πŸ–±οΈ
  • Beautifully made icon 🎨
  • Strong community πŸ«‚

5. CSS Icons

This open source icon can support pure CSS code writing, but also support different forms, such as: SVG, Figma, etc. This library is recommended if you are looking for extreme site performance. Its CSS code is written to reduce the need for additional icon request links. β˜„ ️

Features ⚑

  • Open source (free to use) πŸ₯³
  • It can be installed via the NPM package πŸ“¦
  • You can refer to πŸ“Ά by CDN
  • Beautifully made icon 🎨
  • ICONS can be created using CSS only, making your project more performanceπŸ”‹

Of course, there are many more icon libraries to recommend, but the five above are good and sufficient. Readers can choose their own photo library to use.

The latter

  • θ―‘ ζ–‡ : Top 5 Best Javascript Icons Libraries πŸš€