@o2e-brands/pebble-icons

Icons for O2E Brands' Pebble UI. This package is a thin wrapper around Lucide: every Lucide React icon is re-exported under the @o2e-brands/pebble-icons namespace.

Install

pnpm add @o2e-brands/pebble-icons

That's it. lucide-react rides along as a transitive dependency.

Usage

Browse icons at https://lucide.dev/icons/, then import by name:

import { Truck, Calendar, Search } from "@o2e-brands/pebble-icons"

export default function Example() {
  return (
    <div className="text-blue-500">
      <Truck />
      <Calendar size={20} />
      <Search size={16} strokeWidth={1.5} />
    </div>
  )
}

Props

All icons accept the same props as Lucide's React components:

• size (number, default 24)
• color (string, default "currentColor")
• strokeWidth (number, default 2)
• absoluteStrokeWidth (boolean)
• All standard SVG attributes (className, style, event handlers, etc.)

TypeScript

import { type LucideProps, type LucideIcon } from "@o2e-brands/pebble-icons"

What this package does NOT include

• Brand-specific logos or marks (the 1-800-GOT-JUNK? truck logo, the WOW 1 Day Painting brand mark, etc.). Those live in @o2e-brands/pebble-brand-assets.
• Pebble theme requirements. This package works in any React app. No ThemeProvider, no Tailwind preset, no tokens required.

Versioning

Pinned to the latest minor of lucide-react via caret-range. New Lucide icons become available when lucide-react releases a new version and you upgrade @o2e-brands/pebble-icons.