Top 20 TypeScript Icon Projects
-
-
*React-icons : https://github.com/react-icons/react-icons *Bootstrap 5 : https://getbootstrap.com/
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
IconPark
-
Project mention: How to make an icon picker component with lazy loading? | reddit.com/r/vuejs | 2022-05-10
Dont load every icon at once, and maybe look at https://github.com/antfu/unplugin-icons or one of the projects its based on.
-
-
iconify
Universal icon framework. One syntax for FontAwesome, Material Design Icons, DashIcons, Feather Icons, EmojiOne, Noto Emoji and many other open source icon sets (100+ icon sets, 100,000+ icons). SVG framework, React, Vue and Svelte components!
Project mention: Show HN: 120k SVG logos, also available in PNG format. Free downloads | news.ycombinator.com | 2022-05-18Now what we need is some plugin like Iconify [1] for Sketch to pick it up and allow inserting vectors from it right into a design file.
-
The exclamation icon is loaded from angular-fontawesome followed by message, “Low Supply”.
-
SonarQube
Static code analysis for 29 languages.. Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.
-
lucide
Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.
-
ngx-ui - Style and Component Library for Angular2 and beyond!
-
-
svg-gobbler
Open source browser extension that makes designing and developing easier by finding, processing, exporting, optimizing, and managing SVG content.
Project mention: SVG Gobbler - Download, optimize, and process vector SVGs | reddit.com/r/coolgithubprojects | 2021-07-25 -
-
-
i'd also recommend the obsidian folder icons plugin that lets you add icons to folders and files if you're looking for a cleaner look!
-
Some good resources to check out: https://github.com/Shopify/foundational-design-system-proto/discussions/44 https://github.com/andreipfeiffer/css-in-js#stitches
-
Project mention: Ng Icons: The ultimate icon library for Angular with over 17,000 icons | reddit.com/r/angular | 2021-11-17
-
Project mention: how to put icons in file names of .md files? | reddit.com/r/ObsidianMD | 2021-06-26
It's possible to add icons to your headers using the Community Icon plugin by Camillo Visini (https://github.com/visini/obsidian-icons-plugin ) it supports Remix (http://remixicon.com ) and Font Awesome (https://fontawesome.com ) icons, roughly 3700 total icons between the two.
-
Open Doodles
-
Project mention: best way to use icons with Svelte in 2021, still svelte-icons? | reddit.com/r/sveltejs | 2022-03-02
https://github.com/steeze-ui/icons/ a personal project of mine where you can easily use multiple icon packs (heroicons, radix-icons, feathericons etc) within the same project and with the same icon component
-
This is my lib, which I created after reading a really cool article about SVG and use[href]: https://css-tricks.com/too-many-svgs-clogging-up-your-markup-try-use/
TypeScript Icons related posts
- O começo
- How to make an icon picker component with lazy loading?
- End user choose React icons component dynamically ?
- 6 Super-useful Figma plugins for product designers
- antfu's unplugin-icons: 🤹 Access thousands of icons as components on-demand universally.
- antfu's unplugin-icons: 🤹 Access thousands of icons as components on-demand universally.
- antfu's unplugin-icons: 🤹 Access thousands of icons as components on-demand universally.
Index
What are some of the best open-source Icon projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | ionicons | 16,068 |
| 2 | react-icons | 7,886 |
| 3 | IconPark | 5,656 |
| 4 | unplugin-icons | 1,463 |
| 5 | phosphor-home | 1,382 |
| 6 | iconify | 1,345 |
| 7 | angular-fontawesome | 1,278 |
| 8 | lucide | 793 |
| 9 | ngx-ui | 621 |
| 10 | hamburger-react | 613 |
| 11 | svg-gobbler | 248 |
| 12 | react-icon-blur | 127 |
| 13 | react-icomoon | 111 |
| 14 | obsidian-icon-folder | 107 |
| 15 | foundational-design-system-proto | 87 |
| 16 | ng-icons | 80 |
| 17 | obsidian-icons-plugin | 80 |
| 18 | react-open-doodles | 44 |
| 19 | icons | 26 |
| 20 | icong | 3 |
Are you hiring? Post a new remote job listing for free.
