Skip to main content
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

Font Awesome 6

2,045 icons • react-icons/fa6Most popular icon library with comprehensive coverageLicense: CC BY 4.0

Material Design Icons

4,341 icons • react-icons/mdGoogle’s official Material Design icon systemLicense: Apache 2.0

Heroicons 2

888 icons • react-icons/hi2Beautiful hand-crafted icons from Tailwind LabsLicense: MIT

Bootstrap Icons

2,716 icons • react-icons/bsOfficial icon library for Bootstrap frameworkLicense: MIT

​
All Libraries

LibraryIconsImportPrefixLicense
Ant Design Icons831react-icons/aiAiFill, AiOutline, AiTwotoneMIT
Bootstrap Icons2,716react-icons/bsBs, BsFillMIT
BoxIcons1,634react-icons/biBi, BiSolid, BiLogoMIT
Circum Icons288react-icons/ciCiMPL-2.0
css.gg704react-icons/cgCgMIT
Devicons192react-icons/diDiMIT
Feather287react-icons/fiFiMIT
Flat Color Icons329react-icons/fcFcMIT
Font Awesome 51,612react-icons/faFa, FaRegCC BY 4.0
Font Awesome 62,045react-icons/fa6Fa, FaRegCC BY 4.0
Game Icons4,040react-icons/giGiCC BY 3.0
Github Octicons264react-icons/goGoMIT
Grommet-Icons635react-icons/grGrApache 2.0
Heroicons460react-icons/hiHi, HiOutlineMIT
Heroicons 2888react-icons/hi2Hi, HiOutline, HiMiniMIT
IcoMoon Free491react-icons/imImCC BY 4.0
Ionicons 4696react-icons/ioIoMIT
Ionicons 51,332react-icons/io5IoMIT
Icons8 Line Awesome1,544react-icons/liaLiaMIT
Lucide1,215react-icons/luLuISC
Material Design Icons4,341react-icons/mdMd, MdOutlineApache 2.0
Phosphor Icons9,072react-icons/piPiMIT
Radix Icons318react-icons/rxRxMIT
Remix Icon2,860react-icons/riRiApache 2.0
Simple Icons3,209react-icons/siSiCC0 1.0
Simple Line Icons189react-icons/slSlMIT
Tabler Icons5,237react-icons/tbTb, TbFilledMIT
Themify Icons352react-icons/tfiTfiMIT
Typicons336react-icons/tiTiCC BY-SA 3.0
VS Code Icons461react-icons/vscVscCC BY 4.0
Weather Icons219react-icons/wiWiSIL OFL 1.1

​
Libraries by Category

​
Design Systems

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

​
Modern & Minimal

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

​
Comprehensive Collections

import { FaBeer, FaRegHeart, FaGithub } from 'react-icons/fa6';
2,045 icons - Most popular icon library
  • Solid and regular variants
  • Extensive brand icons

​
Specialized Collections

import { SiReact, SiTypescript, SiGithub } from 'react-icons/si';
Simple Icons - 3,209 brand logos
  • Official brand colors
  • SVG format

​
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

LibraryStyleBest For
HeroiconsModern, minimalTailwind CSS projects
FeatherSimple, elegantClean, minimal UIs
Material DesignBold, geometricMaterial-UI projects
Font AwesomeVaried, familiarGeneral-purpose
Bootstrap IconsClean, consistentBootstrap projects
Phosphor IconsFlexible, modernLarge-scale projects

​
Icon Variants

LibraryVariants Available
Heroicons 2Solid 24px, Outline 24px, Mini 20px
Material DesignFilled, Outlined
Font AwesomeSolid, Regular (outline)
BootstrapOutline, Filled
Ant DesignFilled, Outlined, Two-tone
FeatherOutline only
TablerOutline, 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