https://github.com/relliv/icon-set-comparisons
This icon set comparison list is for web developers and designers to choose the right icon set for their projects.
https://github.com/relliv/icon-set-comparisons
Last synced: 2 months ago
JSON representation
This icon set comparison list is for web developers and designers to choose the right icon set for their projects.
- Host: GitHub
- URL: https://github.com/relliv/icon-set-comparisons
- Owner: relliv
- License: mit
- Created: 2024-10-08T14:53:04.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-11-08T19:10:50.000Z (7 months ago)
- Last Synced: 2025-02-02T08:29:40.906Z (4 months ago)
- Homepage:
- Size: 9.77 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Icon Set Comparisons
This icon set comparison list is for web developers and designers to choose the right icon set for their projects. The list includes the availability of JavaScript, Angular, React, Vue, SVG, Webfont, Figma, and the license of each icon set.
In many cases we need to know the availability of the icon set in different environments. Especially with module fedaration and similar technologies, we need to know if the icon set is available in different environments. Also, designers need to know if the icon set is available in Figma. Then teams can work together more efficiently.
## ✨ Emojis
These emojis are used to indicate the availability or support of the icon set in different environments.
⚠️: third-party
⭕: not supported
## 💻 Web Environment
| Icon Set | JS | Angular | React | Vue | SVG | Webfont | Figma | License |
|---|---|---|---|---|---|---|---|---|
| [MDI](https://pictogrammers.com/libraries/) | [JS](https://github.com/Templarian/MaterialDesign-JS) | [Angular](https://github.com/Templarian/MaterialDesign-Angular-Material) | [React](https://github.com/Templarian/MaterialDesign-React) | [Vue](https://github.com/therufa/mdi-vue) ⚠️ | [SVG](https://github.com/Templarian/MaterialDesign-SVG) | [Webfont](https://github.com/Templarian/MaterialDesign-Webfont) | ⭕ | [Pictogrammers Free License](https://pictogrammers.com/docs/general/license/) |
| [heroicons](https://heroicons.com/) | ⭕ | ⭕ | [React](https://github.com/tailwindlabs/heroicons?tab=readme-ov-file#react) | [Vue](https://github.com/tailwindlabs/heroicons?tab=readme-ov-file#vue) | [SVG](https://github.com/tailwindlabs/heroicons?tab=readme-ov-file#basic-usage) | ⭕ | [Figma File](https://www.figma.com/community/file/1143911270904274171) | [MIT](https://github.com/tailwindlabs/heroicons?tab=MIT-1-ov-file#readme) |
| [hugeicons](https://hugeicons.com/) | ⭕ | [Angular](https://docs.hugeicons.com/installation/angular-package-installation) | [React](https://docs.hugeicons.com/usage/using-react) | [Vue](https://docs.hugeicons.com/installation/vue-package-installation) | [SVG](https://hugeicons.com/icons) | [Webfont](https://docs.hugeicons.com/installation/icon-pack-installation) | [Figma File](https://hugeicons.com/figma-icon-library) | [MIT](https://github.com/hugeicons/hugeicons-react?tab=MIT-1-ov-file#readme)? / [Pro](https://hugeicons.com/license-agreement) |
| [iconoir](https://iconoir.com/) | ⭕ | ⭕ | [React](https://iconoir.com/docs/packages/iconoir-react) | [Vue](https://iconoir.com/docs/packages/iconoir-vue) | [SVG](https://iconoir.com/) | [Webfont](https://iconoir.com/docs/packages/css) | [Figma File](https://www.figma.com/community/file/983248991460488027) | [MIT](https://github.com/iconoir-icons/iconoir?tab=MIT-1-ov-file#readme) |
| [Font Awesome](https://fontawesome.com/) | [JS](https://docs.fontawesome.com/web/use-with/require-js) | [Angular](https://docs.fontawesome.com/web/use-with/angular) | [React](https://docs.fontawesome.com/web/use-with/react) | [Vue](https://docs.fontawesome.com/web/use-with/vue) | [SVG](https://docs.fontawesome.com/web/setup/host-yourself/svg-js) | [Webfont](https://docs.fontawesome.com/web/use-with/scss) | [Figma Plugin](https://docs.fontawesome.com/desktop/add-icons/figma-plugin) | [Font Awesome Free License](https://github.com/FortAwesome/Font-Awesome?tab=License-1-ov-file#readme) / [Pro](https://fontawesome.com/license) |
| [Tabler Icons](https://tabler.io/icons) | ⭕ | [Angular](https://github.com/tabler/tabler-icons?tab=readme-ov-file#angular) ⚠️ | [React](https://github.com/tabler/tabler-icons?tab=readme-ov-file#react) | [Vue](https://github.com/tabler/tabler-icons?tab=readme-ov-file#vue) | [SVG](https://tabler.io/icons) | [Webfont](https://github.com/tabler/tabler-icons?tab=readme-ov-file#iconfont) | [Figma Plugin](https://www.figma.com/community/plugin/1169807996149376642/tabler-icons) | [MIT](https://github.com/tabler/tabler-icons?tab=MIT-1-ov-file#readme) |
| [Phosphor Icons](https://phosphoricons.com/) | [JS](https://github.com/phosphor-icons/webcomponents) | ⭕ | [React](https://github.com/phosphor-icons/react) | [Vue](https://github.com/phosphor-icons/vue) | [SVG](https://phosphoricons.com/) | [Webfont](https://github.com/phosphor-icons/pack) | [File](https://www.figma.com/community/file/903830135544202908) / [Plugin](https://www.figma.com/community/plugin/898620911119764089/phosphor-icons) | [MIT](https://github.com/phosphor-icons/core?tab=MIT-1-ov-file#readme) |
| [Feather Icons](https://feathericons.com/) | [JS](https://github.com/feathericons/feather?tab=readme-ov-file#1-install) | [Angular](https://github.com/michaelbazos/angular-feather) ⚠️ | [React](https://github.com/feathericons/react-feather) ⚠️ | [Vue](https://github.com/feathericons/react-feather) ⚠️ | [SVG](https://github.com/feathericons/feather?tab=readme-ov-file#svg-sprite) | ⭕ | [Figma File](https://github.com/feathericons/feather?tab=readme-ov-file#figma) | [MIT](https://github.com/feathericons/feather?tab=MIT-1-ov-file#readme) |
| [Lucide](https://lucide.dev/) (*fork of [Feather Icons](https://github.com/feathericons/feather)*) | [JS](https://github.com/lucide-icons/lucide/tree/main/packages/lucide) | [Angular](https://github.com/lucide-icons/lucide/tree/main/packages/lucide-angular) | [React](https://github.com/lucide-icons/lucide/tree/main/packages/lucide-react) | [Vue](https://github.com/lucide-icons/lucide/tree/main/packages/lucide-vue) | [SVG](https://lucide.dev/icons/) | ⭕ | [File](https://www.figma.com/community/file/1080851853377107006) / [Plugin](https://www.figma.com/community/plugin/939567362549682242/lucide-icons) | [ISC License](https://github.com/lucide-icons/lucide?tab=ISC-1-ov-file#readme) |
| [RemixIcon](https://remixicon.com/) | ⭕ | [Angular](https://github.com/adisreyaj/angular-remix-icon) ⚠️ | [React](https://github.com/Remix-Design/RemixIcon?tab=readme-ov-file#react) | [Vue](https://github.com/Remix-Design/RemixIcon?tab=readme-ov-file#vue-3) | [SVG](https://github.com/Remix-Design/RemixIcon?tab=readme-ov-file#svg-sprite-usage) | [Webfont](https://github.com/Remix-Design/RemixIcon?tab=readme-ov-file#webfont-usage) | [Figma Plugin](https://www.figma.com/community/plugin/1089569154784319246/remixicon) | [Apache-2.0](https://github.com/Remix-Design/RemixIcon?tab=Apache-2.0-1-ov-file#readme) |
## 🎨 For Designers
| Icon Set | Producer | Figma |
|---|---|---|
| [Solar Icon Set](https://github.com/480-Design/Solar-Icon-Set) | [480 Design](https://www.figma.com/@480design) | [Figma](https://www.figma.com/community/file/1166831539721848736/solar-icons-set) |
## 📚 Resources
- [Icon Collections List](https://github.com/iconify/icon-sets/blob/master/collections.md) and [Icons Search App](https://icon-sets.iconify.design/) of [Iconify](https://github.com/iconify).
- [yesicon](https://yesicon.app/) catalog.
- [streamline](https://www.streamlinehq.com/) catalog.
- [icones](https://icones.js.org/)
## 📝 Contribution
Feel free to contribute to this list. You can add new icon sets or update the existing ones. Please just follow the current table format.