Icon Awesome
约 2 分钟阅读
标签：资源精选
| name | count | outline | solid | weight |
|---|---|---|---|---|
| heroicons | 450+ | ✅ | ✅ | ❌ |
| Phosphor Icons | 1047+ | ✅ | ✅ - fill | ✅ |
| iconoir | 1151+ | ✅ | ❌ | ❌ |
| iconic | free 200 | |||
| fontawesome | free 2009+ | ✅ | ✅ | ✅ |
| tabler-iconsGitHubtabler/tabler-icons | 5237+ |
- 代码使用首选 Phosphor Icons
- react-icons
- 非常多 icon 的合集
- 作为 React 组件可直接使用
- ⚠️ 可能集成的 icon 会少些功能、颜色上可能会对不上、更新可能有延迟
- phosphor-iconsGitHubphosphor-icons/homepage
- 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/heroiconsGitHubtailwindlabs/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-iconsGitHubant-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 - ant.design/components/icon链接ant.design/components/icon| name | count | outline | solid | weight | · | heroicons | 450+ | ✅ | ✅ | ❌ | · | Phosphor Icons | 1047+ | ✅ | ✅ - fill | ✅ |笔记：Icon Awesome
- tabler-iconsGitHubtabler/tabler-icons
- MIT
- 5237+ - Outline 4577+, Filled 660+
@tabler/icons,@tabler/icons-react,@tabler/icons-vue,angular-tabler-icons,@tabler/icons-svelte
- primer/octiconsGitHubprimer/octicons
- by GitHub
@primer/octicons,@primer/octicons-react,@primer/styled-octicons
- simple-icons/simple-iconsGitHubsimple-icons/simple-icons
- CC0
- SVG icons for popular brands
- www.ibm.com/design/language/iconography/ui-icons/library
- akveo/eva-iconsGitHubakveo/eva-icons
- 400
- astrit/css.ggGitHubastrit/css.gg
- 700+
- bytedance/IconParkGitHubbytedance/IconPark
- 2000+
- teenyicons/teenyiconsGitHubteenyicons/teenyicons
- iconscout/uniconsGitHubiconscout/unicons
- iconic.app
- lucaburgio/iconoirGitHublucaburgio/iconoir
- 搜索
- vectorwiki
- Brand Logo
- HNHacker NewsHacker News #31423774Hacker News
- iconfont.cn
- www.freepik.com
- flaticon
- SVG 收费
- vectorwiki
- file type
- picturepan2/fileicon.cssGitHubpicturepan2/fileicon.css
- homerchen19/github-file-iconsGitHubhomerchen19/github-file-icons
- file-iconsGitHub 组织file-icons
- mklement0/fileiconGitHubmklement0/fileicon
- sindresorhus/file-iconGitHubsindresorhus/file-icon
- lvarayut/github-file-iconsGitHublvarayut/github-file-icons
- www.flaticon.com/packs/file-types
- 365webresources.com/10-flat-filedocument-type-icon-sets-free-download
- 工具
- tancredi/fantasticonGitHubtancredi/fantasticon
- Icon font generation tool
- tancredi/fantasticonGitHubtancredi/fantasticon
- notlmn/awesome-iconsGitHubnotlmn/awesome-icons
- animation
- mono-company/mono-iconsGitHubmono-company/mono-icons
- ryanoasis/nerd-fontsGitHubryanoasis/nerd-fonts
SVG
- iconsvg.xyz
- 可快速自定义
Brand
Resources
FAQ
Menu Icon
关联信息
反向链接、本文链接的其他页面和外部资料。
参考资料
GitHub23 条
- akveo/eva-iconsgithub.com/akveo/eva-icons
- ant-design/ant-design-iconsgithub.com/ant-design/ant-design-icons
- astrit/css.gggithub.com/astrit/css.gg
- bytedance/IconParkgithub.com/bytedance/IconPark
- file-iconsgithub.com/file-icons
- homerchen19/github-file-iconsgithub.com/homerchen19/github-file-icons
- iconscout/uniconsgithub.com/iconscout/unicons
- lucaburgio/iconoirgithub.com/lucaburgio/iconoir
- lvarayut/github-file-iconsgithub.com/lvarayut/github-file-icons
- mklement0/fileicongithub.com/mklement0/fileicon
- mono-company/mono-iconsgithub.com/mono-company/mono-icons
- notlmn/awesome-iconsgithub.com/notlmn/awesome-icons
- phosphor-icons/homepagegithub.com/phosphor-icons/homepage
- picturepan2/fileicon.cssgithub.com/picturepan2/fileicon.css
- primer/octiconsgithub.com/primer/octicons
- ryanoasis/nerd-fontsgithub.com/ryanoasis/nerd-fonts
- simple-icons/simple-iconsgithub.com/simple-icons/simple-icons
- sindresorhus/file-icongithub.com/sindresorhus/file-icon
- tabler/tabler-iconsgithub.com/tabler/tabler-icons
- tailwindlabs/heroiconsgithub.com/tailwindlabs/heroicons
- tancredi/fantasticongithub.com/tancredi/fantasticon
- teenyicons/teenyiconsgithub.com/teenyicons/teenyicons
- useAnimations/react-useanimationsgithub.com/useAnimations/react-useanimations
Hacker News1 条
- Hacker News #31423774HN #31423774
其他外链23 条
- 365webresources.com/10-flat-filedocument-type-icon-sets-free-download365webresources.com/10-flat-filedocument-type-icon-sets-free-download
- ant.design/components/iconant.design/components/icon
- developers.weixin.qq.com/doc/oplatform/Downloads/Design_Resource.htmldevelopers.weixin.qq.com/doc/oplatform/Downloads/Design_Resource.html
- fontawesome.comfontawesome.com/
- heroicons.comheroicons.com/
- iconfont.cniconfont.cn/
- iconic.appiconic.app/
- iconoir.comiconoir.com/
- icons.mono.companyicons.mono.company/
- iconscout.com/unicons/explore/lineiconscout.com/unicons/explore/line
- iconsvg.xyziconsvg.xyz/
- lordicon.comlordicon.com/
- m.sj33.cn/sc/logo/dzhy/it/202009/54302.htmlm.sj33.cn/sc/logo/dzhy/it/202009/54302.html
- phosphoricons.comphosphoricons.com/
- react-icons.github.io/react-iconsreact-icons.github.io/react-icons
- ux.stackexchange.com/a/130549/36888ux.stackexchange.com/a/130549/36888
- vectorwiki.comvectorwiki.com/
- www.flaticon.comwww.flaticon.com/
- www.flaticon.com/packs/file-typeswww.flaticon.com/packs/file-types
- www.freepik.comwww.freepik.com/
- www.ibm.com/design/language/iconography/ui-icons/librarywww.ibm.com/design/language/iconography/ui-icons/library
- www.nerdfonts.comwww.nerdfonts.com/
- x.com/lukew/status/591296890030915585x.com/lukew/status/591296890030915585