Skip to main content

Icon

Data Display

Icon

Token-aware wrapper around react-native-vector-icons with unified API.

Usage

Render vector icons from Material, Feather, FontAwesome, and more packs.

Highlights

  • Token color parsing
  • Switch icon packs at runtime

When to use it

  • You reference icons across buttons, chips, or lists.
  • Need to honor theming without repeating color logic.

Related components

IconButtonButton

Examples​

Default​

Preview (Web)
import { Icon } from 'react-native-molecules/components/Icon';

export default function Example() {
  return <Icon name="share" type="material-community" />;
}