CurrencyIcon

Displays crypto or fiat currency icons with automatic fallback display.

Open in Storybook

Interactive Demo

b

e

u

n

u

g

Sizes

Size variants

b

b

b

Usage

<script setup>
import { CurrencyIcon } from '@yellowcard/b2b-design-system';
</script>

<template>
  <CurrencyIcon currency="BTC" type="crypto" size="large" />
  <CurrencyIcon currency="NGN" type="fiat" size="medium" />
</template>

API Reference

Props

Prop	Type	Default	Description
currency*	string	—	Currency code (e.g., BTC, NGN, USD)
type	'crypto' | 'fiat'	—	Currency type for icon lookup
variant	string	—	Display variant
size	string	—	Icon size
alt	string	—	Alt text for the icon
isCustomWallet	boolean	false	Use custom wallet icon set