@vendure-io/brand

Vendure brand React components: the Vendure logo and icon marks, rendered as currentColor SVGs.

Installation

npm install @vendure-io/brand

react (>=18) is a peer dependency.

Usage

import { IconMark, LogoMark } from '@vendure-io/brand'

export function Header() {
  return (
    <header>
      <LogoMark className="h-8 text-black" />
      <IconMark width={40} />
    </header>
  )
}

Both components forward all native <svg> props (className, width, style, aria-*, …) and render with fill="currentColor", so they inherit the surrounding text color.

| Component | viewBox | Description | | ---------- | ------------ | ------------------------ | | LogoMark | 0 0 177 33 | Full "vendure" wordmark | | IconMark | 0 0 40 28 | Standalone Vendure glyph |