HomeOnTour Logo6UI

Logo Svg

HomeOnTour logo SVG component with customizable colors for signature and text.

Loading example...
import { LogoSvg } from "@/components/homeontour-ui/logo-svg"

export function DefaultExample() {
  return <LogoSvg className="h-10" />
}

Installation

pnpm dlx homeontour-ui@latest add logo-svg

Usage

import { LogoSvg } from "@/components/homeontour-ui/logo-svg"
<LogoSvg className="h-10" />

Examples

Custom Colors

Logo with custom signature and text colors

Loading example...
import { LogoSvg } from "@/components/homeontour-ui/logo-svg"

export function CustomColorsExample() {
  return (
    <LogoSvg 
      signatureColor="#FF6B6B" 
      textColor="#2C3E50" 
      className="h-12" 
    />
  )
}

Different Sizes

Logo in various sizes

Loading example...
import { LogoSvg } from "@/components/homeontour-ui/logo-svg"

export function DifferentSizesExample() {
  return (
    <div className="flex flex-col gap-4 items-start">
      <LogoSvg className="h-8" />
      <LogoSvg className="h-12" />
      <LogoSvg className="h-16" />
    </div>
  )
}