All Icon Libraries

Complete reference of all 30+ icon libraries available in React Icons

React Icons provides access to over 40,000 SVG icons from 30+ popular icon libraries. Browse the complete list below to find the perfect icons for your project.

Quick Reference

All icons are imported from react-icons/[library-id] with a consistent naming pattern.

Each library uses a unique prefix to avoid naming conflicts. For example, Font Awesome uses Fa, Material Design uses Md, and Heroicons use Hi.

Complete Library List

Popular Libraries

Font Awesome 6

2,045 icons • react-icons/fa6

Most popular icon library with comprehensive coverage

License: CC BY 4.0

Material Design Icons

4,341 icons • react-icons/md

Google’s official Material Design icon system

License: Apache 2.0

Heroicons 2

888 icons • react-icons/hi2

Beautiful hand-crafted icons from Tailwind Labs

License: MIT

Bootstrap Icons

2,716 icons • react-icons/bs

Official icon library for Bootstrap framework

License: MIT

All Libraries

Library	Icons	Import	Prefix	License
Ant Design Icons	831	react-icons/ai	AiFill, AiOutline, AiTwotone	MIT
Bootstrap Icons	2,716	react-icons/bs	Bs, BsFill	MIT
BoxIcons	1,634	react-icons/bi	Bi, BiSolid, BiLogo	MIT
Circum Icons	288	react-icons/ci	Ci	MPL-2.0
css.gg	704	react-icons/cg	Cg	MIT
Devicons	192	react-icons/di	Di	MIT
Feather	287	react-icons/fi	Fi	MIT
Flat Color Icons	329	react-icons/fc	Fc	MIT
Font Awesome 5	1,612	react-icons/fa	Fa, FaReg	CC BY 4.0
Font Awesome 6	2,045	react-icons/fa6	Fa, FaReg	CC BY 4.0
Game Icons	4,040	react-icons/gi	Gi	CC BY 3.0
Github Octicons	264	react-icons/go	Go	MIT
Grommet-Icons	635	react-icons/gr	Gr	Apache 2.0
Heroicons	460	react-icons/hi	Hi, HiOutline	MIT
Heroicons 2	888	react-icons/hi2	Hi, HiOutline, HiMini	MIT
IcoMoon Free	491	react-icons/im	Im	CC BY 4.0
Ionicons 4	696	react-icons/io	Io	MIT
Ionicons 5	1,332	react-icons/io5	Io	MIT
Icons8 Line Awesome	1,544	react-icons/lia	Lia	MIT
Lucide	1,215	react-icons/lu	Lu	ISC
Material Design Icons	4,341	react-icons/md	Md, MdOutline	Apache 2.0
Phosphor Icons	9,072	react-icons/pi	Pi	MIT
Radix Icons	318	react-icons/rx	Rx	MIT
Remix Icon	2,860	react-icons/ri	Ri	Apache 2.0
Simple Icons	3,209	react-icons/si	Si	CC0 1.0
Simple Line Icons	189	react-icons/sl	Sl	MIT
Tabler Icons	5,237	react-icons/tb	Tb, TbFilled	MIT
Themify Icons	352	react-icons/tfi	Tfi	MIT
Typicons	336	react-icons/ti	Ti	CC BY-SA 3.0
VS Code Icons	461	react-icons/vsc	Vsc	CC BY 4.0
Weather Icons	219	react-icons/wi	Wi	SIL OFL 1.1

Libraries by Category

Design Systems

Material Design

import { MdHome, MdOutlineHome } from 'react-icons/md';

4,341 icons from Google’s Material Design system

• Filled and outlined variants
• Perfect for Material-UI projects

Bootstrap

import { BsHeart, BsFillHeartFill } from 'react-icons/bs';

2,716 icons for Bootstrap projects

• Outline and filled variants
• Matches Bootstrap components

Ant Design

import { AiFillHome, AiOutlineHome, AiTwotoneHome } from 'react-icons/ai';

831 icons from Ant Design

• Filled, outline, and two-tone variants

Modern & Minimal

Heroicons

import { HiHome, HiOutlineHome, HiMiniHome } from 'react-icons/hi2';

888 icons from Tailwind Labs

• 24px solid, 24px outline, 20px mini
• Hand-crafted with attention to detail

Feather

import { FiHome, FiUser, FiSettings } from 'react-icons/fi';

287 icons with simple, beautiful design

• 24x24 grid, 2px stroke
• Consistent and minimal

Lucide

import { LuHome, LuUser, LuSettings } from 'react-icons/lu';

1,215 icons - Feather fork with more icons

• Same design language as Feather
• Community-maintained

Comprehensive Collections

Font Awesome

import { FaBeer, FaRegHeart, FaGithub } from 'react-icons/fa6';

2,045 icons - Most popular icon library

• Solid and regular variants
• Extensive brand icons

Tabler Icons

import { TbHome, TbHomeFilled } from 'react-icons/tb';

5,237 icons - Huge collection

• Outline and filled variants
• Consistent design

Phosphor Icons

import { PiHouse, PiUser, PiGear } from 'react-icons/pi';

9,072 icons - Largest collection

• Multiple weights available
• Flexible design

Specialized Collections

Brand Logos

import { SiReact, SiTypescript, SiGithub } from 'react-icons/si';

Simple Icons - 3,209 brand logos

• Official brand colors
• SVG format

Game Icons

import { GiSword, GiShield, GiPotion } from 'react-icons/gi';

Game Icons - 4,040 gaming icons

• RPG, fantasy, sci-fi themes
• Great for game UIs

Weather

import { WiDaySunny, WiRain, WiSnow } from 'react-icons/wi';

Weather Icons - 219 weather conditions

• All weather scenarios
• Day/night variants

Developer Tools

import { VscCode, VscTerminal, VscGit } from 'react-icons/vsc';
import { DiJavascript, DiReact, DiGit } from 'react-icons/di';

VS Code Icons - 461 editor icons Devicons - 192 developer icons

Choosing the Right Library

By Project Type

Material-UI / MUI Projects

import { MdHome } from 'react-icons/md';

Use Material Design icons for consistent theming

Bootstrap Projects

import { BsHeart } from 'react-icons/bs';

Use Bootstrap Icons for seamless integration

Tailwind CSS Projects

import { HiHome } from 'react-icons/hi2';

Use Heroicons - made by the Tailwind team

Minimal/Modern UIs

import { FiHome } from 'react-icons/fi';
import { LuHome } from 'react-icons/lu';

Use Feather or Lucide for clean aesthetics

By Use Case

Need Many Icons

• Phosphor (9,072 icons)
• Tabler (5,237 icons)
• Material Design (4,341 icons)

Need Brand Logos

• Simple Icons (3,209 brands)
• Font Awesome (hundreds of brands)

Need Gaming Icons

• Game Icons (4,040 icons)

Need Weather Icons

• Weather Icons (219 conditions)

Need Developer Icons

• VS Code Icons (461 icons)
• Devicons (192 icons)

Icon Comparison

Design Styles

Library	Style	Best For
Heroicons	Modern, minimal	Tailwind CSS projects
Feather	Simple, elegant	Clean, minimal UIs
Material Design	Bold, geometric	Material-UI projects
Font Awesome	Varied, familiar	General-purpose
Bootstrap Icons	Clean, consistent	Bootstrap projects
Phosphor Icons	Flexible, modern	Large-scale projects

Icon Variants

Library	Variants Available
Heroicons 2	Solid 24px, Outline 24px, Mini 20px
Material Design	Filled, Outlined
Font Awesome	Solid, Regular (outline)
Bootstrap	Outline, Filled
Ant Design	Filled, Outlined, Two-tone
Feather	Outline only
Tabler	Outline, Filled

Import Examples

Single Icon

import { FaBeer } from 'react-icons/fa6';

function App() {
  return <FaBeer />;
}

Multiple Icons from Same Library

import { MdHome, MdUser, MdSettings } from 'react-icons/md';

function Navigation() {
  return (
    <nav>
      <MdHome />
      <MdUser />
      <MdSettings />
    </nav>
  );
}

Icons from Multiple Libraries

import { FaGithub } from 'react-icons/fa6';
import { SiTypescript, SiReact } from 'react-icons/si';
import { MdCode } from 'react-icons/md';

function TechStack() {
  return (
    <div>
      <FaGithub />
      <SiTypescript />
      <SiReact />
      <MdCode />
    </div>
  );
}

License Information

Each icon library has its own license. Make sure to check the license requirements for your use case.

Permissive Licenses (Commercial Use OK)

MIT License - Most permissive

• Font Awesome (with attribution)
• Bootstrap Icons
• Heroicons
• Feather
• And many others

Apache 2.0 - Similar to MIT

• Material Design Icons
• Remix Icon
• Grommet Icons

CC0 / Public Domain

• Simple Icons

Attribution Required

CC BY 3.0/4.0

• Font Awesome (attribution)
• Game Icons
• VS Code Icons

Resources

Icon Search

Search all 40,000+ icons in one place

Getting Started

Learn how to install and use React Icons

Icon Libraries Overview

Learn about import patterns and conventions

GitHub Repository

View source code and report issues