@aurum-sdk/logos

Tree-shakable wallet logos for Aurum SDK. Framework-agnostic + optional React components.

Installation

``bash
pnpm add @aurum-sdk/logos
`

Supported Logos

MetaMask, Coinbase Wallet, Phantom, WalletConnect, Rabby, Brave, and Aurum brand logo.

Each has 4 variants: icon, brand, black, white.

> Note: Email wallet uses Coinbase Wallet logos (email auth is Coinbase-powered).

Usage

$3

`typescript
import { getLogoSvg, getLogoDataUri } from '@aurum-sdk/logos';
import { WalletId } from '@aurum-sdk/types';

// Raw SVG string
const svg = getLogoSvg(WalletId.MetaMask, 'brand');

// Data URI for
const dataUri = getLogoDataUri(WalletId.Phantom, 'icon');

// Aurum logo
import { getAurumLogoSvg } from '@aurum-sdk/logos';
const aurumSvg = getAurumLogoSvg('brand');
`

$3

`tsx
import { WalletLogo, AurumLogo } from '@aurum-sdk/logos/react';
import { WalletId } from '@aurum-sdk/types';


`

$3

`tsx
import { MetamaskIcon, PhantomBrand, AurumBrand } from '@aurum-sdk/logos/react';

;
`

Props

$3

| Prop | Type | Description |
| ---------- | ----------------------------------------- | ----------------------------------------------------------- |
| id | WalletId | Wallet identifier |
| variant | 'icon' \| 'brand' \| 'black' \| 'white' | Logo variant (default: 'icon') |
| size | number | Width and height in pixels |
| radius | BorderRadiusToken | Border radius token (none, sm, md, lg, xl) |
| sizeSlot | BorderRadiusSizeSlot | Size slot for radius scaling (xs, sm, md, lg, xl) |
| title | string` | When provided, makes icon accessible to screen readers |

License

MIT