Logo Component

Scalable SVG logo component for the WeLoveTravel brand. Available in multiple sizes and customizable colors to fit different design contexts.

Size Variations

Small (sm)
h-8 w-8
Medium (md)
h-12 w-12
Large (lg)
h-16 w-16
Extra Large (xl)
h-20 w-20

Color Variations

Default
#3d3b3a
Emerald
#0d9488
White
white
Terracotta
#cd5235

Usage Examples

Header Navigation

welovetravel.in

Footer

welovetravel.in

Compact Header

welovetravel.in

Component Features

  • • Scalable SVG format for crisp rendering at all sizes
  • • Four size presets: sm (32px), md (48px), lg (64px), xl (80px)
  • • Customizable color props for different contexts
  • • Responsive design with flex-shrink-0 for layout stability
  • • Custom className support for additional styling
  • • Optimized SVG code for performance
  • • Consistent aspect ratio maintained across all sizes
  • • Accessibility-friendly with proper preserveAspectRatio settings