Icon Awesome
| name | count | outline | solid | weight |
|---|
| heroicons | 450+ | ✅ | ✅ | ❌ |
| Phosphor Icons | 1047+ | ✅ | ✅ - fill | ✅ |
| iconoir | 1151+ | ✅ | ❌ | ❌ |
| iconic | free 200 | | | |
| fontawesome | free 2009+ | ✅ | ✅ | ✅ |
| tabler-icons | 5237+ | | | |
- react-icons
- 非常多 icon 的合集
- 作为 React 组件可直接使用
- ⚠️ 可能集成的 icon 会少些功能、颜色上可能会对不上、更新可能有延迟
- phosphor-icons
- MIT
- 提供 react
@phosphor-icons/react、vue、svelte、elm、flutter、webcomponents、figma、sketch、react-native
- 支持 weight - thin,light,regular,bold,fill,duotone
- 支持双色
- 1047+
- phosphoricons.com
- tailwindlabs/heroicons
- MIT
- 提供 React
@heroicons/react, Vue @heroicons/vue
- 450+
- 提供不同 weight/style - 针对不同的大小有优化 - 让非常小的 icon 看起来也相对美观
- Outline - navigation, marketing - 24x24, 1.5px stroke
- Solid - buttons, form, text - 24x24, Solid fill
- Mini - 20x20, Solid fill
- Micro - 16x16, Solid fill
- heroicons
- ant-design/ant-design-icons
- 提供 Outline、Filled、TwoTone
- 提供 React
@ant-design/icons, ReactNative @ant-design/icons-react-native, SVG @ant-design/icons-svg, Vue @ant-design/icons-vue, Angular @ant-design/icons-angular
- https://ant.design/components/icon
- tabler-icons
- MIT
- 5237+ - Outline 4577+, Filled 660+
@tabler/icons, @tabler/icons-react, @tabler/icons-vue, angular-tabler-icons, @tabler/icons-svelte
- primer/octicons
- by GitHub
@primer/octicons, @primer/octicons-react, @primer/styled-octicons
- https://www.ibm.com/design/language/iconography/ui-icons/library/
- akveo/eva-icons
- astrit/css.gg
- bytedance/IconPark
- teenyicons/teenyicons
- iconscout/unicons
- iconic.app
- lucaburgio/iconoir
- 搜索
- file type
- 工具
- notlmn/awesome-icons
SVG
Brand
Resources