React Component
Wallet Icons
Beautiful, customizable wallet icons that automatically adapt to your theme and enhance your application's user experience.
Installation
npm
npm install @omnisat/lasereyes-react
Available Icons
24px
Leather
Formerly known as Stacks Wallet
Magic Eden
Leading NFT marketplace's Bitcoin wallet
OKX
Secure and reliable exchange wallet
Orange
Bitcoin-focused wallet solution
OYL
Modern Bitcoin wallet with Ordinals support
Phantom
Multi-chain wallet with Bitcoin support
UniSat
The most popular Bitcoin wallet for Ordinals
Wizz
Innovative Bitcoin and Ordinals wallet
Xverse
Feature-rich Bitcoin and Ordinals wallet
Usage
Basic Example
import { WalletIcon, UNISAT } from "@omnisat/lasereyes-react"
export function MyComponent() {
return <WalletIcon walletName={UNISAT} size={24} />
}
Props
Prop | Type | Description |
---|---|---|
walletName | ProviderType | The wallet identifier from @omnisat/lasereyes-react |
size | number | Icon size in pixels (default: 24) |
className | string | Additional CSS classes for custom styling |
Customization Examples
Custom Styling
<WalletIcon
walletName={UNISAT}
size={32}
className="opacity-75 transition-opacity hover:opacity-100"
/>
With Animation
<WalletIcon
walletName={UNISAT}
size={32}
className="transform transition-transform hover:scale-110"
/>