Skip to main content

Icons

Multinaire Design includes 53 SVG icons designed for common UI patterns.

Available Icons​

  • Home - Home screen
  • Menu - Hamburger menu
  • Sidebar - Sidebar toggle
  • LeftArrow, RightArrow, UpArrow, DownArrow - Direction arrows

Actions​

  • Edit - Edit/pencil
  • Delete - Trash/delete
  • Share - Share action
  • Download, Upload - File transfer
  • Import, Export - Data transfer
  • Plus - Add new
  • Search - Search
  • Filter - Filter/sort

Status​

  • Check - Checkmark
  • CheckFilled - Filled checkmark
  • Close - Close/X
  • SelectFilled - Selected state
  • Like, LikeDislike - Feedback

Social​

  • Facebook, Instagram, LinkedIn - Social networks
  • Github - GitHub
  • Google, Apple - OAuth providers

Media​

  • Gallery - Image gallery
  • Document - Document/file
  • Image - Single image
  • Video - Video content

Settings​

  • Settings - Gear/settings
  • Lock - Security/lock
  • Moon, Sun - Theme toggle

Other​

  • Calendar - Date picker
  • User - Profile
  • Bell - Notifications
  • Eye, EyeOff - Visibility toggle

Usage​

Basic Usage​

import { MultinaireIcon } from '@multinaire/multinaire-design';

<MultinaireIcon icon="Home" />
<MultinaireIcon icon="Settings" />
<MultinaireIcon icon="Check" />

With Color​

// Using theme color tokens
<MultinaireIcon icon="Check" color="success" />
<MultinaireIcon icon="Close" color="error" />
<MultinaireIcon icon="Home" color="primary" />

With Size​

// Default size is 24
<MultinaireIcon icon="Home" size={16} />
<MultinaireIcon icon="Home" size={24} />
<MultinaireIcon icon="Home" size={32} />

In Buttons​

<MultinaireIconButton icon="Settings" onPress={handleSettings} />

<MultinaireActionButton
  icon="Plus"
  title="Add Item"
  onPress={handleAdd}
/>

<MultinaireMenuButton
  type="primary"
  leading="Check"
  trailing="RightArrow"
  title="Confirm"
/>

TypeScript​

The icon prop is fully typed. Your IDE will autocomplete available icon names:

type IconName =
  | 'Home'
  | 'Menu'
  | 'Settings'
  | 'Check'
  // ... all 53 icons