@karrotmarket/lynx-multicolor-icon

Lynx multicolor icons for Seed Design System.

Installation

yarn add @karrotmarket/lynx-multicolor-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 { IconApple, IconCamera } from '@karrotmarket/lynx-multicolor-icon';

function MyComponent() {
  return (
    <view>
      {/* Default size (24px) - uses original multicolor */}
      <IconApple />

      {/* Custom size */}
      <IconCamera size={32} />
    </view>
  );
}

Props

IconProps

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

• size: Icon size in pixels (default: 24)

Note: Multicolor icons use their original colors and do not accept a color prop.

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-multicolor - Raw SVG assets

License

MIT