@luxfi/logo

Official Lux logo package providing TypeScript/React components and utilities for consistent branding across the Lux ecosystem.

Logo Showcase

Features

• =: Minimalist Triangle Design - Clean, geometric upside-down triangle logo
• � React Components - Ready-to-use React components with TypeScript support
• <� Multiple Variants - Color (white), monochrome, and menu bar optimized versions
• =� Icon Generation - Generate icons in all required sizes for web and desktop apps
• =� Platform Icons - macOS dock icons, menu bar icons, and favicons
• =' TypeScript Native - Full TypeScript support with proper type definitions

Installation

npm install @luxfi/logo
# or
yarn add @luxfi/logo
# or
pnpm add @luxfi/logo

Quick Start

React Component

import { LuxLogo } from '@luxfi/logo/react';

<LuxLogo size={128} />
<LuxLogo variant="mono" size={64} />
<LuxLogo variant="white" className="w-16 h-16" />

SVG Generation

import { getColorSVG, getMonoSVG, getWhiteSVG } from '@luxfi/logo';

const colorLogo = getColorSVG();  // White triangle
const monoLogo = getMonoSVG();    // Outlined triangle
const whiteLogo = getWhiteSVG();  // Solid white triangle

Icon Generation

import { generateIcon, getColorSVGCropped } from '@luxfi/logo';

// Generate macOS dock icon
const svg = getColorSVGCropped();
await generateIcon(svg, 'dock-icon.png', 512, true);

License

MIT � Lux Network

Support

For issues, questions, or suggestions, visit GitHub Issues