Icon components for React

This repository contains icon components for React for all 222 icon sets available on Iconify.

Each icon set is published in a separate branch of this repository, see list of branches below.

⚠️ This is an alternative repository. Main repository has moved to GitLab.

Why not NPM ???

Due to NPM issues, these packages cannot be published to NPM.

Large package.json

Each package exports many icons, some have tens of thousands of exports.

Dumping so many files to a root directory is not feasible. It leads to installation errors on some file systems, usually on Windows.

Alternative is to split components into multiple sub-directories and add exports field to package.json, which is how these packages are generated.

That leads to large package.json files, which works without issues with all modern tools.

NPM issue

NPM stores metadata for each published package in a single file. That includes entire contents of package.json, including exports field, for all versions of that package.

When a package has many versions, each with large exports field, that quickly leads to massive metadata.

NPM has a limit of 100mb per package. When that limit is hit, NPM prevents new versions from being published, while also preventing developer from unpublishing old versions of that package.

Unfortunately, a couple of packages have reached that limit, which prevented packages from being updated on NPM.

Solution

So new versions of some packages cannot be published, old versions cannot be unpublished. It is a mess that cannot be solved on NPM.

The only solution is to move off NPM.

This is why these packages are published to Git repository instead of NPM.

NPM client can install packages from a branch of a Git repository, where it retrieves metadata only for the latest commit in a branch, so no more huge metadata regardless of how many versions have been published.

Each icon set is published in a separate branch of this repository, which makes it easy to maintain many icon sets without creating multiple repositories. Also you can see what has changed in each update in commit diffs.

Installation

npm install gitlab:iconify-icons/react#{prefix}

or

npm install github:iconify/icons-react#{prefix}

where {prefix} is icon set prefix.

For example, for mdi icon set, installation command is:

npm install gitlab:iconify-icons/react#mdi

or

npm install github:iconify/icons-react#mdi

Usage

For full documentation visit Iconify website.

Additionally you can find usage examples in README.md files in each branch of this repository.

Icon sets

There are 222 branches in this repository, one for each icon set.

Material

• #material-symbols: Material Symbols (15717 icons, Apache 2.0)
• #material-symbols-light: Material Symbols Light (15782 icons, Apache 2.0)
• #ic: Google Material Icons (10955 icons, Apache 2.0)
• #mdi: Material Design Icons (7447 icons, Apache 2.0)
• #mdi-light: Material Design Light (284 icons, Open Font License)
• #line-md: Material Line Icons (1218 icons, MIT)

UI 24px

• #solar: Solar (8280 icons, CC BY 4.0)
• #tabler: Tabler Icons (6202 icons, MIT)
• #iconmind: IconMind (31722 icons, MIT)
• #boxicons: Boxicons (3768 icons, MIT)
• #mingcute: MingCute Icon (3320 icons, Apache 2.0)
• #keyline-icons: Keyline Icons (8000 icons, MIT)
• #ri: Remix Icon (3188 icons, Apache 2.0)
• #mynaui: Myna UI Icons (2620 icons, MIT)
• #griddy-icons: Griddy Icons (2010 icons, MIT)
• #iconamoon: IconaMoon (1781 icons, CC BY 4.0)
• #iconoir: Iconoir (1671 icons, MIT)
• #lucide: Lucide (1853 icons, ISC)
• #lucide-lab: Lucide Lab (373 icons, ISC)
• #uil: Unicons (1215 icons, Apache 2.0)
• #tdesign: TDesign Icons (2356 icons, MIT)
• #si: Sargam Icons (1299 icons, MIT)
• #majesticons: Majesticons (760 icons, MIT)
• #gg: css.gg (704 icons, MIT)
• #flowbite: Flowbite Icons (751 icons, MIT)
• #vadivam: Vadivam (508 icons, MIT)
• #basil: Basil (493 icons, CC BY 4.0)
• #pixelarticons: Pixelarticons (1036 icons, MIT)
• #pixel: Pixel Icon (578 icons, CC BY 4.0)
• #akar-icons: Akar Icons (454 icons, MIT)
• #ci: coolicons (442 icons, CC BY 4.0)
• #proicons: ProIcons (544 icons, MIT)
• #typcn: Typicons (336 icons, CC BY-SA 4.0)
• #meteor-icons: Meteor Icons (407 icons, MIT)
• #prime: Prime Icons (313 icons, MIT)
• #circum: Circum Icons (288 icons, Mozilla Public License 2.0)
• #fe: Feather Icon (255 icons, MIT)
• #eos-icons: EOS Icons (253 icons, MIT)
• #bitcoin-icons: Bitcoin Icons (330 icons, MIT)
• #humbleicons: Humbleicons (286 icons, MIT)
• #uim: Unicons Monochrome (298 icons, Apache 2.0)
• #uit: Unicons Thin Line (216 icons, Apache 2.0)
• #uis: Unicons Solid (190 icons, Apache 2.0)
• #gridicons: Gridicons (207 icons, GPL 2.0)
• #mi: Mono Icons (180 icons, MIT)
• #cuida: Cuida Icons (182 icons, Apache 2.0)
• #weui: WeUI Icon (162 icons, MIT)
• #duo-icons: Duoicons (91 icons, MIT)
• #svg-spinners: SVG Spinners (46 icons, MIT)
• #reicon: Reicon (6590 icons, MIT)
• #hugeicons: Huge Icons (6065 icons, MIT)
• #lets-icons: Lets Icons (1528 icons, CC BY 4.0)
• #streamline-ultimate: Ultimate free icons (1999 icons, CC BY 4.0)
• #streamline-plump: Plump free icons (1499 icons, CC BY 4.0)
• #streamline-sharp: Sharp free icons (1500 icons, CC BY 4.0)
• #mage: Mage Icons (1042 icons, Apache 2.0)
• #stash: Stash Icons (982 icons, MIT)
• #lineicons: Lineicons (606 icons, MIT)
• #wordpress: WordPress Icons (341 icons, GPL)
• #icon-park-outline: IconPark Outline (2658 icons, Apache 2.0)
• #icon-park-solid: IconPark Solid (1947 icons, Apache 2.0)
• #icon-park-twotone: IconPark TwoTone (1944 icons, Apache 2.0)
• #jam: Jam Icons (940 icons, MIT)
• #streamline-cyber: Cyber free icons (500 icons, CC BY 4.0)
• #guidance: Guidance (360 icons, CC BY 4.0)
• #bx: BoxIcons v2 (814 icons, MIT)
• #bxs: BoxIcons v2 Solid (665 icons, MIT)

UI 16px / 32px

• #carbon: Carbon (2618 icons, Apache 2.0)
• #ion: IonIcons (1357 icons, MIT)
• #famicons: Famicons (1342 icons, MIT)
• #ant-design: Ant Design Icons (848 icons, MIT)
• #lsicon: Lsicon (716 icons, MIT)
• #gravity-ui: Gravity UI Icons (799 icons, MIT)
• #cil: CoreUI Free (554 icons, CC BY 4.0)
• #at-icons: @icons (618 icons, MIT)
• #ep: Element Plus (293 icons, MIT)
• #charm: Charm Icons (261 icons, MIT)
• #quill: Quill Icons (140 icons, MIT)
• #bytesize: Bytesize Icons (101 icons, MIT)
• #bi: Bootstrap Icons (2078 icons, MIT)
• #streamline-pixel: Pixel free icons (662 icons, CC BY 4.0)
• #streamline-block: Streamline Block (300 icons, CC BY 4.0)
• #rivet-icons: Rivet Icons (210 icons, BSD 3-Clause)
• #nimbus: Nimbus (140 icons, MIT)
• #formkit: FormKit Icons (144 icons, MIT)

UI Other / Mixed Grid

• #fluent: Fluent UI System Icons (19850 icons, MIT)
• #ph: Phosphor (9072 icons, MIT)
• #glyphs: Glyphs (3452 icons, MIT)
• #glyphs-poly: Glyphs Poly (863 icons, MIT)
• #teenyicons: Teenyicons (1200 icons, MIT)
• #clarity: Clarity (1103 icons, MIT)
• #streamline-freehand: Freehand free icons (1000 icons, CC BY 4.0)
• #ix: Siemens Industrial Experience Icons (1479 icons, MIT)
• #octicon: Octicons (765 icons, MIT)
• #memory: Memory Icons (651 icons, Apache 2.0)
• #system-uicons: System UIcons (430 icons, Unlicense)
• #radix-icons: Radix Icons (332 icons, MIT)
• #zondicons: Zondicons (297 icons, MIT)
• #uiw: uiw icons (214 icons, MIT)
• #codex: CodeX Icons (78 icons, MIT)
• #ei: Evil Icons (70 icons, MIT)
• #heroicons: HeroIcons (1288 icons, MIT)
• #sidekickicons: SidekickIcons (232 icons, MIT)
• #pepicons-pop: Pepicons Pop! (1275 icons, CC BY 4.0)
• #pepicons-print: Pepicons Print (1275 icons, CC BY 4.0)
• #pepicons-pencil: Pepicons Pencil (1275 icons, CC BY 4.0)
• #f7: Framework7 Icons (1253 icons, MIT)
• #pajamas: Gitlab SVGs (410 icons, MIT)
• #garden: Garden SVG Icons (932 icons, Apache 2.0)
• #streamline: Streamline (3000 icons, CC BY 4.0)
• #streamline-flex: Flex free icons (1500 icons, CC BY 4.0)
• #fa7-solid: Font Awesome Solid (2000 icons, CC BY 4.0)
• #fa7-regular: Font Awesome Regular (272 icons, CC BY 4.0)
• #picon: Pico-icon (824 icons, Open Font License)
• #ooui: OOUI (421 icons, MIT)
• #oui: OpenSearch UI (437 icons, Apache 2.0)
• #nrk: NRK Core Icons (637 icons, CC BY 4.0)
• #dinkie-icons: Dinkie Icons (1198 icons, MIT)
• #qlementine-icons: Qlementine Icons (905 icons, MIT)

UI Multicolor

• #streamline-ultimate-color: Ultimate color icons (998 icons, CC BY 4.0)
• #streamline-plump-color: Plump color icons (1000 icons, CC BY 4.0)
• #streamline-freehand-color: Freehand color icons (1000 icons, CC BY 4.0)
• #streamline-kameleon-color: Kameleon color icons (400 icons, CC BY 4.0)
• #streamline-stickies-color: Stickies color icons (200 icons, CC BY 4.0)
• #fluent-color: Fluent UI System Color Icons (890 icons, MIT)
• #streamline-color: Streamline color (2000 icons, CC BY 4.0)
• #streamline-flex-color: Flex color icons (1000 icons, CC BY 4.0)
• #streamline-sharp-color: Sharp color icons (1000 icons, CC BY 4.0)
• #streamline-cyber-color: Cyber color icons (500 icons, CC BY 4.0)
• #icon-park: IconPark (2658 icons, Apache 2.0)
• #marketeq: Marketeq (590 icons, MIT)

Programming

• #vscode-icons: VSCode Icons (1597 icons, MIT)
• #codicon: Codicons (653 icons, CC BY 4.0)
• #material-icon-theme: Material Icon Theme (904 icons, MIT)
• #file-icons: File Icons (930 icons, ISC)
• #devicon: Devicon (1055 icons, MIT)
• #devicon-plain: Devicon Plain (771 icons, MIT)
• #catppuccin: Catppuccin Icons (656 icons, MIT)
• #skill-icons: Skill Icons (400 icons, MIT)
• #gcp: Google Cloud Icons (214 icons, Apache 2.0)
• #k8s: Kubernetes Icons (38 icons, Apache 2.0)
• #unjs: UnJS Logos (63 icons, Apache 2.0)

Logos

• #simple-icons: Simple Icons (3461 icons, CC0 1.0)
• #logos: SVG Logos (1935 icons, CC0)
• #streamline-logos: Logos free icons (1362 icons, CC BY 4.0)
• #cib: CoreUI Brands (830 icons, CC0 1.0)
• #fa7-brands: Font Awesome Brands (608 icons, CC BY 4.0)
• #bxl: Boxicons Brands (295 icons, MIT)
• #nonicons: Nonicons (69 icons, MIT)
• #arcticons: Arcticons (15322 icons, CC BY-SA 4.0)
• #thesvg: theSVG (3753 icons, MIT)
• #thesvg-color: theSVG Color (4891 icons, MIT)
• #selfhst: selfh.st/icons (7184 icons, CC BY 4.0)
• #cbi: Custom Brand Icons (1737 icons, CC BY-NC-SA 4.0)
• #brandico: Brandico (45 icons, CC BY SA)
• #entypo-social: Entypo+ Social (76 icons, CC BY-SA 4.0)
• #token: Web3 Icons (1786 icons, MIT)
• #token-branded: Web3 Icons Branded (4081 icons, MIT)
• #cryptocurrency: Cryptocurrency Icons (483 icons, CC0 1.0)
• #cryptocurrency-color: Cryptocurrency Color Icons (483 icons, CC0 1.0)

Emoji

• #openmoji: OpenMoji (4544 icons, CC BY-SA 4.0)
• #twemoji: Twitter Emoji (3988 icons, CC BY 4.0)
• #noto: Noto Emoji (3729 icons, Apache 2.0)
• #fluent-emoji-flat: Fluent Emoji Flat (3145 icons, MIT)
• #fluent-emoji-high-contrast: Fluent Emoji High Contrast (1595 icons, MIT)
• #noto-v1: Noto Emoji (v1) (2162 icons, Apache 2.0)
• #emojione: Emoji One (Colored) (1834 icons, CC BY 4.0)
• #emojione-monotone: Emoji One (Monotone) (1403 icons, CC BY 4.0)
• #emojione-v1: Emoji One (v1) (1262 icons, CC BY-SA 4.0)
• #fxemoji: Firefox OS Emoji (1034 icons, Apache 2.0)
• #streamline-emojis: Streamline Emojis (787 icons, CC BY 4.0)

Flags / Maps

• #circle-flags: Circle Flags (439 icons, MIT)
• #flag: Flag Icons (542 icons, MIT)
• #flagpack: Flagpack (254 icons, MIT)
• #cif: CoreUI Flags (199 icons, CC0 1.0)
• #pinhead: Pinhead Map Icons (2726 icons, CC0)
• #roentgen: Röntgen (574 icons, CC BY 4.0)
• #maki: Maki (215 icons, CC0)
• #temaki: Temaki (557 icons, CC0)
• #gis: Font-GIS (367 icons, CC BY 4.0)
• #map: Map Icons (167 icons, Open Font License)
• #geo: GeoGlyphs (30 icons, MIT)
• #osmic: OSM Icons (169 icons, CC0 1.0)

Thematic

• #game-icons: Game Icons (4133 icons, CC BY 3.0)
• #fad: FontAudio (155 icons, CC BY 4.0)
• #academicons: Academicons (158 icons, Open Font License)
• #wi: Weather Icons (219 icons, Open Font License)
• #meteocons: Meteocons (447 icons, MIT)
• #healthicons: Health Icons (2042 icons, MIT)
• #medical-icon: Medical Icons (144 icons, MIT)
• #covid: Covid Icons (142 icons, CC BY 4.0)
• #ginetex: Ginetex Care Symbols (50 icons, MIT)

Archive / Unmaintained

• #la: Line Awesome (1544 icons, Apache 2.0)
• #eva: Eva Icons (490 icons, MIT)
• #dashicons: Dashicons (342 icons, GPL)
• #flat-color-icons: Flat Color Icons (329 icons, MIT)
• #entypo: Entypo+ (321 icons, CC BY-SA 4.0)
• #foundation: Foundation (283 icons, MIT)
• #raphael: Raphael (266 icons, MIT)
• #icons8: Icons8 Windows 10 Icons (234 icons, MIT)
• #iwwa: Innowatio Font (105 icons, Apache 2.0)
• #gala: Gala Icons (51 icons, GPL)
• #heroicons-outline: HeroIcons v1 Outline (230 icons, MIT)
• #heroicons-solid: HeroIcons v1 Solid (230 icons, MIT)
• #fa6-solid: Font Awesome 6 Solid (1402 icons, CC BY 4.0)
• #fa6-regular: Font Awesome 6 Regular (163 icons, CC BY 4.0)
• #fa6-brands: Font Awesome 6 Brands (495 icons, CC BY 4.0)
• #fa-solid: Font Awesome 5 Solid (1001 icons, CC BY 4.0)
• #fa-regular: Font Awesome 5 Regular (151 icons, CC BY 4.0)
• #fa-brands: Font Awesome 5 Brands (457 icons, CC BY 4.0)
• #fa: Font Awesome 4 (678 icons, Open Font License)
• #fluent-mdl2: Fluent UI MDL2 (1735 icons, MIT)
• #fontisto: Fontisto (615 icons, MIT)
• #icomoon-free: IcoMoon Free (491 icons, GPL)
• #subway: Subway Icon Set (306 icons, CC BY 4.0)
• #oi: Open Iconic (223 icons, MIT)
• #wpf: Icons8 Windows 8 Icons (200 icons, MIT)
• #simple-line-icons: Simple line icons (189 icons, MIT)
• #et: Elegant (100 icons, GPL 3.0)
• #el: Elusive Icons (304 icons, Open Font License)
• #vaadin: Vaadin Icons (636 icons, Apache 2.0)
• #grommet-icons: Grommet Icons (636 icons, Apache 2.0)

Total: 222 icon sets, 367859 icons.