Skip to main content

Icon Sets Reference

Complete reference for all available icon sets in rn-iconify.

Understanding Icon Prefixes​

Each icon set has a unique prefix used internally by the Iconify API. When using the generic Icon component with aliases, you'll need to know these prefixes.

// Component approach (prefix handled automatically)
import { Mdi } from 'rn-iconify';
<Mdi name="home" />

// Generic Icon with aliases
import { Icon, IconAliasProvider, createIconAliases } from 'rn-iconify';

const aliases = createIconAliases({
  home: { prefix: 'mdi', name: 'home' }, // prefix: 'mdi'
});

Material Design Icons (Mdi)​

PropertyValue
ComponentMdi
Prefixmdi
Icon Count7,447+
StyleFilled, Outlined
import { Mdi } from 'rn-iconify';

<Mdi name="home" size={24} color="blue" />
<Mdi name="account" size={24} />
<Mdi name="cog" size={24} />

Browse all MDI icons

Heroicons​

PropertyValue
ComponentHeroicons
Prefixheroicons
Icon Count1,288+
StyleOutline, Solid
import { Heroicons } from 'rn-iconify';

<Heroicons name="home" size={24} />
<Heroicons name="user" size={24} />
<Heroicons name="cog-6-tooth" size={24} />

Browse all Heroicons

Lucide​

PropertyValue
ComponentLucide
Prefixlucide
Icon Count1,650+
StyleOutline
import { Lucide } from 'rn-iconify';

<Lucide name="home" size={24} />
<Lucide name="user" size={24} />
<Lucide name="settings" size={24} />

Browse all Lucide icons

Phosphor (Ph)​

PropertyValue
ComponentPh
Prefixph
Icon Count9,072+
StyleRegular, Bold, Fill, Duotone, Light, Thin
import { Ph } from 'rn-iconify';

<Ph name="house" size={24} />
<Ph name="user" size={24} />
<Ph name="gear" size={24} />

Browse all Phosphor icons

Tabler​

PropertyValue
ComponentTabler
Prefixtabler
Icon Count5,963+
StyleOutline, Filled
import { Tabler } from 'rn-iconify';

<Tabler name="home" size={24} />
<Tabler name="user" size={24} />
<Tabler name="settings" size={24} />

Browse all Tabler icons

Feather​

PropertyValue
ComponentFeather
Prefixfeather
Icon Count287
StyleOutline
import { Feather } from 'rn-iconify';

<Feather name="home" size={24} />
<Feather name="user" size={24} />
<Feather name="settings" size={24} />

Browse all Feather icons

FontAwesome 6​

Important

FontAwesome 6 is split into 3 separate icon sets based on style. There is no single Fa6 component.

Fa6Solid (Filled Icons)​

PropertyValue
ComponentFa6Solid
Prefixfa6-solid
Icon Count1,413+
StyleSolid/Filled
import { Fa6Solid } from 'rn-iconify';

<Fa6Solid name="house" size={24} />
<Fa6Solid name="user" size={24} />
<Fa6Solid name="gear" size={24} />

Browse all FA6 Solid icons

Fa6Regular (Outline Icons)​

PropertyValue
ComponentFa6Regular
Prefixfa6-regular
Icon Count163+
StyleRegular/Outline
import { Fa6Regular } from 'rn-iconify';

<Fa6Regular name="heart" size={24} />
<Fa6Regular name="star" size={24} />
<Fa6Regular name="bell" size={24} />

Browse all FA6 Regular icons

Fa6Brands (Brand Logos)​

PropertyValue
ComponentFa6Brands
Prefixfa6-brands
Icon Count506+
StyleBrand Logos
import { Fa6Brands } from 'rn-iconify';

<Fa6Brands name="github" size={24} />
<Fa6Brands name="twitter" size={24} />
<Fa6Brands name="apple" size={24} />

Browse all FA6 Brands icons

ComponentPrefixIcon CountDescription
Bibi2,050+Bootstrap Icons
Riri2,860+Remix Icon
Carboncarbon2,139+IBM Carbon Design
Ionion1,356+Ionicons
Octiconocticon626+GitHub Octicons
SimpleIconssimple-icons3,124+Brand/Company logos
Fluentfluent16,549+Microsoft Fluent UI
AntDesignant-design831+Ant Design Icons
MaterialSymbolsmaterial-symbols18,765+Google Material Symbols
Solarsolar7,446+Solar Icon Set
Iconoiriconoir1,584+Iconoir

Finding Icon Names​

  1. Visit icon-sets.iconify.design
  2. Search for the icon you need
  3. Copy the icon name (without prefix)

Using Icon Explorer​

rn-iconify includes a built-in Icon Explorer for development:

import { IconExplorer } from 'rn-iconify';

// In your dev screen
<IconExplorer
  iconSets={['mdi', 'heroicons', 'lucide']}
  onSelect={(icon) => {
    console.log(`Selected: ${icon.prefix}:${icon.name}`);
  }}
/>

Full Icon Set List​

rn-iconify includes 200+ icon sets. For the complete list, see the Iconify Icon Sets Directory.

All icon sets from Iconify are available:

// Import any icon set
import {
  Mdi,           // Material Design Icons
  Heroicons,     // Heroicons
  Lucide,        // Lucide
  Ph,            // Phosphor
  Tabler,        // Tabler
  Feather,       // Feather
  Fa6Solid,      // FontAwesome 6 Solid
  Fa6Regular,    // FontAwesome 6 Regular
  Fa6Brands,     // FontAwesome 6 Brands
  Bi,            // Bootstrap Icons
  Ri,            // Remix Icon
  Ion,           // Ionicons
  // ... 200+ more
} from 'rn-iconify';