@morphixai/icons

MorphixAI custom icon library. Complements lucide-react with AI-specific and product-specific icons.

Install

npm install @morphixai/icons

Usage

// General icons → use lucide-react directly
import { Search, Plus, Settings } from 'lucide-react';

// MorphixAI custom icons → this package
import { IconSparkle, IconWorkspace, IconDeepResearch } from '@morphixai/icons';

// Default outline style
<IconSparkle size={20} />

// Filled variant
<IconSparkle variant="fill" size={20} />

// Custom color via className
<IconSparkle className="text-blue-500" size={16} />

Icons

AI & Smart

• IconSparkle - AI feature entry (outline + fill)
• IconLightning - Quick action (outline + fill)
• IconBrain - AI thinking (outline)
• IconDeepResearch - Deep research mode (outline + fill)
• IconMagicWand - AI generation (outline)

Product

• IconWorkspace - Workspace dashboard (outline + fill)
• IconMemory - Memory system (outline)
• IconMiniApp - Mini application (outline)

Editor Extensions

• IconMindMap - Mind map (outline)
• IconWhiteboard - Whiteboard (outline)
• IconTranslate - Translation (outline)
• IconFunction - Formula / function (outline)

Variants

All icons support the variant prop:

<IconSparkle variant="outline" />  // Default - stroke style
<IconSparkle variant="fill" />     // Filled style

Brand Assets

Logo files are available at @morphixai/icons/brand/*:

import logo from '@morphixai/icons/brand/logo.png';

Create Custom Icons

import { createIcon } from '@morphixai/icons';

const IconCustom = createIcon('Custom', {
  outline: <path d="M..." />,
  fill: <path d="M..." fill="currentColor" />,
});

Design Specs

• Style: Outline, 2px stroke, round cap/join
• ViewBox: 24x24
• Color: currentColor (inherits from parent)

License

MIT