3,300+ logos•zero depsinit once.add logos.own the code.
Not a logo library.
A logo CLI.
Because the best dependencies are the ones you never install.
$npx logocn init_
terminal
$ npx logocn init
✓ Ready in components/logos/
$
Your Project
⚙️logocn.config.json
📁components/logos/
// empty - try: logocn add apple
localhost:3000/preview
Add a logo to see the preview
Try: logocn add react
Framework Aware
Auto-detects Next.js, React, Vue
Real Components
Not just SVGs. TypeScript components.
Your Code
Modify, customize, own it.
Zero Dependencies
Never breaks. Never conflicts.
How It Works
Four simple steps. 3,300+ logos. Zero dependencies.
01
Initialize once
Auto-detects your framework, configures TypeScript
bash
npx logocn init
✓ Detected Next.js project
✓ TypeScript enabled
✓ Components will generate in components/logos/02
Add any logo
3,300+ brands available instantly
bash
npx logocn add stripe github spotify
✓ Generated StripeLogo component
✓ Generated GithubLogo component
✓ Generated SpotifyLogo component03
Import like any component
TypeScript-ready, tree-shakeable, yours
tsx
import { StripeLogo } from '@/components/logos'
export function Header() {
return (
<nav>
<StripeLogo className="h-8" />
</nav>
);
}04
Ship with confidence
No dependencies. No breaking changes. No surprises.
tsx
// You own the code
// Zero npm dependencies
// Never breaks on update
// Modify as needed