@karrotmarket/lynx-monochrome-icon

Lynx monochrome icons for Seed Design System.

Installation

yarn add @karrotmarket/lynx-monochrome-icon
yarn add -D @karrotmarket/lynx-icon-config

Setup

import { defineConfig } from '@lynx-js/rspeedy'
import { applyLynxIconConfig } from '@karrotmarket/lynx-icon-config'

export default defineConfig({
  plugins: [
    pluginReactLynx(),
  ],

  tools: {
    rspack(config) {
      applyLynxIconConfig(config)
      return config
    },
  },
})

Usage

import { IconAppleFill, IconArrowLeft } from '@karrotmarket/lynx-monochrome-icon';

function MyComponent() {
  return (
    <view>
      {/* Default size (24px) */}
      <IconAppleFill color="#FF6B00" />

      {/* Custom size */}
      <IconArrowLeft size={32} color="#000000" />
    </view>
  );
}

Props

IconProps

interface IconProps {
  size?: number;   // Default: 24
  color: string;   // Required
}

• size: Icon size in pixels (default: 24)
• color: Icon tint color (required)

Related Packages

• @karrotmarket/lynx-icon-config - Rspack config helper for Lynx icons (recommended)
• @karrotmarket/lynx-icon-loader - Rspack/Webpack loader for Lynx icons (legacy)
• @karrotmarket/assets-monochrome - Raw SVG assets

License

MIT