Icon Awesome
| name | count | outline | solid | weight |
|---|---|---|---|---|
| heroicons | 450+ | ✅ | ✅ | ❌ |
| Phosphor Icons | 1047+ | ✅ | ✅ - fill | ✅ |
| iconoir | 1151+ | ✅ | ❌ | ❌ |
| iconic | free 200 | |||
| fontawesome | free 2009+ | ✅ | ✅ | ✅ |
| tabler-icons | 5237+ |
tip
- 代码使用首选 Phosphor Icons
- 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
- simple-icons/simple-icons
- CC0
- SVG icons for popular brands
- https://www.ibm.com/design/language/iconography/ui-icons/library/
- akveo/eva-icons
- 400
- astrit/css.gg
- 700+
- bytedance/IconPark
- 2000+
- teenyicons/teenyicons
- iconscout/unicons
- iconic.app
- lucaburgio/iconoir
- 搜索
- vectorwiki
- Brand Logo
- HN
- https://iconfont.cn/
- https://www.freepik.com/
- flaticon
- SVG 收费
- vectorwiki
- file type
- https://github.com/picturepan2/fileicon.css
- https://github.com/homerchen19/github-file-icons
- https://github.com/file-icons
- https://github.com/mklement0/fileicon
- https://github.com/sindresorhus/file-icon
- https://github.com/lvarayut/github-file-icons
- https://www.flaticon.com/packs/file-types
- https://365webresources.com/10-flat-filedocument-type-icon-sets-free-download/
- 工具
- tancredi/fantasticon
- Icon font generation tool
- tancredi/fantasticon
- notlmn/awesome-icons
- animation
- https://github.com/mono-company/mono-icons
- https://github.com/ryanoasis/nerd-fonts
SVG
- https://iconsvg.xyz/
- 可快速自定义