v0.1.1
Assets

Icons

Preview every registered icon, search by name, and copy the icon key used by IconByVariant and component examples.

114 registered iconsTheme-aware SVG assets

Usage

Pass a copied icon key to IconByVariant for standalone SVGs or to IconButton for icon-only actions. Use color oriconColor to set the icon fill.

tsx
import { IconByVariant } from '@sohantalukder/rn-kit';

export function Example() {
  return (
    <IconByVariant
      path="search"
      height={24}
      width={24}
      color="#0ea5e9"
    />
  );
}
tsx
import { IconButton } from '@sohantalukder/rn-kit';

export function Example() {
  return (
    <IconButton
      icon="search"
      iconColor="#0ea5e9"
      accessibilityLabel="Search"
      onPress={handleSearch}
    />
  );
}

Library