# Logos

Package: @commenda/pathfinder@0.1.0
Page: /docs/assets/logos

<AssetExplorer collection="logos" />

## Usage [#usage]

```tsx
import { QuickbooksLogo } from '@commenda/pathfinder/logos/integrations';
<QuickbooksLogo size={40} label="QuickBooks" />;
```

**ASSET-LOGO-01:** Preserve original brand colors, proportions, and raster/vector artwork. Never trace or recolor logos. Integration tiles have a white round background and inside 0.5px Soft Pearl 300 border, with authored sizes 16, 24, 32, and 40. The API defaults to 40 for integration cards.

**ASSET-LOGO-02:** Payment marks use their own rectangular 46×32 or square 32×32 geometry plus 24/16 variants. Software/sign-in marks are bare. Import these from `@commenda/pathfinder/logos/payments` and `@commenda/pathfinder/logos/software`, respectively. Do not wrap an integration logo to approximate them.

Figma inventories 48 integrations, 50 payments, four software/sign-in marks, and an additional `commenda-lockup` at 106×18. The lockup has its own `@commenda/pathfinder/logos/commenda` entry point. The catalog preserves each mark’s width-to-height ratio; `size` selects the authored height.

The 24px rectangular payment variant has a 34.5px Figma frame; Figma exports a 35×24 SVG viewport. The renderer preserves that export width so the artwork is not squeezed.