Small (32px)
Medium (48px)
Large (64px)

XL (96px)

16px
24px
32px
48px
64px

128px

Small (32px)
Medium (48px)
Large (64px)

16px
32px
64px

128px



Yellow

Red

Blue

// Default full logo
<Logo size={48} />
// Icon only (no text)
<Logo variant="icon" size={32} showText={false} />
// Horizontal layout
<LogoHorizontal size={48} />
// Minimal (for favicons)
<LogoMinimal size={32} />
// Custom sizes
<Logo size={96} />
<Logo size={128} />
// With custom className
<Logo size={48} className="my-custom-class" />