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.
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
The latest post mention was on 2023-05-31.
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 |
TestGPT | Generating meaningful tests for busy devs
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.
codium.ai