Omid Figma Icons

Tree-shakable React icon components from Figma design system.

Installation

npm install omid-figma-icons
# or
yarn add omid-figma-icons
# or
pnpm add omid-figma-icons

Usage

Individual imports (recommended)

For better tree-shaking and smaller bundle size, import icons individually:

import MoneyBoldTagIcon from "omid-figma-icons/MoneyBoldTagIcon";

function App() {
  return <MoneyBoldTagIcon size={24} />;
}

Bundle imports

You can also import from the main bundle, but this may increase your bundle size:

import { MoneyBoldTagIcon } from "omid-figma-icons";

function App() {
  return <MoneyBoldTagIcon size={24} />;
}

Icon Props

All icons accept the following props:

interface IconProps extends SVGProps<SVGSVGElement> {
  size?: string | number; // Sets both width and height
  width?: string | number;
  height?: string | number;
  fill?: string;
  stroke?: string;
}

Available Icons

All icons follow the naming convention: [Category][Style][Name]Icon

For example:

• MoneyBoldCardIcon
• MoneyLinearWalletIcon
• MoneyTwoToneTagIcon