import { Mdi, Lucide, Heroicons } from 'rn-iconify';

function App() {
  return (
    <>
      <Mdi name="home" size={24} color="#333" />
      <Lucide name="settings" size={20} color="blue" />
      <Heroicons name="user" size={28} />
    </>
  );
}

import { IconThemeProvider, Mdi } from 'rn-iconify';

function App() {
  return (
    <IconThemeProvider theme={{ size: 20, color: '#333' }}>
      <Mdi name="home" /> {/* inherits size=20, color=#333 */}
      <Mdi name="star" color="gold" /> {/* overrides color */}
    </IconThemeProvider>
  );
}

import { Mdi } from 'rn-iconify';

<Mdi name="loading" animate="spin" />
<Mdi name="heart" animate="pulse" />
<Mdi name="bell" animate="shake" />

import { createTabBarIcon } from 'rn-iconify/navigation';

<Tab.Screen
  name="Home"
  options={{
    tabBarIcon: createTabBarIcon('mdi:home'),
  }}
/>;

<Mdi name="heart" size={24} color="red" onPress={() => console.log('Liked!')} />

import { Mdi } from 'rn-iconify/icons/Mdi';

import { IconLoadError } from 'rn-iconify';

try {
  // ...
} catch (error) {
  if (error instanceof IconLoadError) {
    switch (error.code) {
      case 'NOT_FOUND': // icon doesn't exist
      case 'NETWORK': // network failure
      case 'TIMEOUT': // request timed out
      case 'INVALID_SVG': // malformed SVG
    }
  }
}

import { IconExplorer, PerformanceMonitor } from 'rn-iconify/dev';