Logo

Display VESYL brand marks plus carrier and platform logos. Carrier and platform IDs support automatic dark mode theming and common alias resolution.

VESYL

Use the full logo, standalone logomark, or wordmark. Each variation can use brand colors or inherit currentColor with monochrome.

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, VESYLLogo } from '@vesyl/ui-next'

// VESYL brand variations
<VESYLLogo variant="full" />
<VESYLLogo variant="logomark" />
<VESYLLogo variant="word" monochrome />

// 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