TypeScript Icons

Open-source TypeScript projects categorized as Icons

Top 23 TypeScript Icon Projects

  • ionicons

    Premium hand-crafted icons built by Ionic, for Ionic apps and web apps everywhere 🌎

    Project mention: Ionic Icons | dev.to | 2022-08-30
  • react-icons

    svg react icons of popular icon packs

    Project mention: Building Pagination in React with React Paginate | dev.to | 2023-04-10

    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!

  • IconPark

    🍎Transform an SVG icon into multiple themes, and generate React icons,Vue icons,svg icons

    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-18

    shopify design system: https://polaris.shopify.com/

  • lucide

    Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.

    Project mention: Creating an Astro Site: Beginners’ Tutorial | dev.to | 2023-05-16

    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 (

    {open ? ( path> svg> ) : ( path> svg> )} button>

  • 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-01

    Before explaining the whole code, it is worth saying that you can get all the icons used in this tutorial are from iconify

  • unplugin-icons

    🤹 Access thousands of icons as components on-demand universally.

    Project mention: How do I use SVG icons in React? | reddit.com/r/Frontend | 2023-04-08

    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.

  • homepage

    The homepage of Phosphor Icons, a flexible icon family for everyone (by phosphor-icons)

    Project mention: Feedback on my mobile Minecraft client | reddit.com/r/UI_Design | 2023-05-27

    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.

  • angular-fontawesome

    Official Angular component for Font Awesome 5+

    Project mention: Is Fortawesome half the build? | reddit.com/r/Angular2 | 2023-02-13

    See the "icon library" approach documentation for how you should be handling this.

  • hamburger-react

    Animated hamburger menu icons for React (1.5 KB) 🍔

  • ngx-ui

    🚀 Style and Component Library for Angular

  • flagpack-core

    Flagpack contains 250+ flag icons to easily use within your code project.

    Project mention: PDF of Country Flags | reddit.com/r/Frontend | 2023-05-31
  • obsidian-icon-folder

    Simply add icons to your folders or files in Obsidian.

    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.

  • react-icomoon

    It makes it very simple to use SVG icons in your React and React-Native projects.

  • ng-icons

    The ultimate icon library for Angular

  • obsidian-icons-plugin

    Add icons to your Obsidian notes – Experimental Obsidian Plugin

  • react-icon-blur

    🌠 a tiny react library for creating a frosted glass icon effect.

  • icon-set-creator

    🚀 CLI for creating React Native app icons

  • 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

    Project mention: Homme Assistant | reddit.com/r/homeautomation | 2023-04-09

    That's the clock weather card downloaded from HACS. https://github.com/pkissling/clock-weather-card

  • icons

    Effortless Icon Packs & Components for Svelte, React, Vue and more.. (by steeze-ui)

    Project mention: Icon library for svelte? | reddit.com/r/sveltejs | 2023-02-02

    I use steeze-ui's and I'm really happy with them.

  • react-open-doodles

    A Free Set of Sketchy Illustrations provided by opendoodles

    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
  • simple-icons-cdn

    Simple Icons CDN

    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


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.