Logo

Display carrier and platform logos by ID. Supports all shipping carriers and e-commerce platforms used across the app, with automatic dark mode theming and common alias resolution.

Basic

Carriers

Platforms

Sizes

Override the default size-5 (20px) with Tailwind classes.

Aliases

Common carrier code aliases resolve automatically. For example, upsdap and fedexsmartpost render their parent carrier.

Unknown fallback

Unrecognized IDs render a question mark icon.

Usage

import { Logo } from '@vesyl/ui-next'

// Basic
<Logo id="usps" />

// Custom size
<Logo id="ebay" className="size-8" />

// Aliases resolve automatically
<Logo id="upsdap" />           // renders UPS
<Logo id="fedexsmartpost" />   // renders FedEx

// Unknown IDs show a fallback icon
<Logo id="some-new-carrier" />

Supported IDs

Carriers

Platforms