Get non-trivial tests (and trivial, too!) suggested right inside your IDE, so you can code smart, create more value, and stay confident when you push. Learn more →
Top 23 TypeScript Icon Projects
-
-
Along with that, we will need some icons. For icons, I am using the react-icons library. Install it with the below command:
-
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!
-
Project mention: How to use Svg file package in react-native? | reddit.com/r/reactnative | 2022-11-15
1: Clone the repo (https://github.com/bytedance/IconPark) 2: Use the svgr CLI to convert them to react-native-svg compatible versions: npx @svgr/cli --out-dir "/path/to/output/directory" "/path/to/icons/directory" --typescript --native --icon
-
polaris
Shopify’s design system to help us work together to build a great experience for all of our merchants.
Project mention: Making a UI Kit. Is there a good checklist for Must Have elements? | reddit.com/r/FigmaDesign | 2023-05-18shopify design system: https://polaris.shopify.com/
-
lucide
Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.
import type { FC } from "react"; import { useState } from "react"; const Menu: FC = function Menu() { const [open, setOpen] = useState(false); const handleClick = () => { setOpen(!open); }; // icons by Lucide: https://lucide.dev/ return (
-
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: How to build a Sign Up with Third-Parties Component Using TailwindCSS | dev.to | 2023-04-01Before explaining the whole code, it is worth saying that you can get all the icons used in this tutorial are from iconify
-
unplugin-icons will be the easiest and most robust option if you are using a bundler
-
Sonar
Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
-
I didn't put icons, but you can easily find them in the Figma community, UI8 through freebies, but if you want some sites, take a look at the following, Tabler Icons, Jam Icons, Phosphor Icons, Iconhub, Zwicon and Iconoir.
-
See the "icon library" approach documentation for how you should be handling this.
-
-
-
-
Project mention: Obsidian Insider: Native Support for Twitter and YouTube | reddit.com/r/ObsidianMD | 2023-05-22
Probably Icon Folder: https://github.com/FlorianWoelki/obsidian-icon-folder & a CSS Snippet.
-
svg-gobbler
Open source browser extension that makes designing and developing easier by finding, processing, exporting, optimizing, and managing SVG content.
-
-
-
-
-
-
clock-weather-card
A Home Assistant Card indicating today's date/time, along with an iOS inspired weather forecast for the next days with animated icons
That's the clock weather card downloaded from HACS. https://github.com/pkissling/clock-weather-card
-
I use steeze-ui's and I'm really happy with them.
-
Project mention: What are the hand-drawn pictures called which are often used in Blogs and Business Websites? | reddit.com/r/webdev | 2022-08-28
-
Project mention: Is it possible to import icons from simpleicons and use them in notion? | reddit.com/r/Notion | 2023-04-05
-
InfluxDB
Access the most powerful time series database as a service. Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.
TypeScript Icons related posts
- Phosphor – open-source flexible icon family
- Obsidian Insider: Native Support for Twitter and YouTube
- Creating an Astro Site: Beginners’ Tutorial
- Leaving Notion - plugins to achieve similar features?
- [Obsidian Md] Les icônes de callout ne fonctionnent pas?
- Custom Callout CSS not working
- How to Make Flowcharts with Mermaid.js
-
A note from our sponsor - CodiumAI
codium.ai | 31 May 2023
Index
What are some of the best open-source Icon projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | ionicons | 16,886 |
2 | react-icons | 9,694 |
3 | IconPark | 7,219 |
4 | polaris | 5,342 |
5 | lucide | 4,522 |
6 | iconify | 2,605 |
7 | unplugin-icons | 2,597 |
8 | homepage | 2,429 |
9 | angular-fontawesome | 1,383 |
10 | hamburger-react | 773 |
11 | ngx-ui | 683 |
12 | flagpack-core | 412 |
13 | obsidian-icon-folder | 341 |
14 | svg-gobbler | 308 |
15 | react-icomoon | 182 |
16 | ng-icons | 174 |
17 | obsidian-icons-plugin | 150 |
18 | react-icon-blur | 126 |
19 | icon-set-creator | 122 |
20 | clock-weather-card | 122 |
21 | icons | 121 |
22 | react-open-doodles | 57 |
23 | simple-icons-cdn | 27 |