Logoforge
Back

shadcn/ui logo

The shadcn/ui logo as clean SVG, in brand color and mono, with a dark-mode variant. Copy it, download it, or install it as a typed React component.

shadcn/ui logo
Brand color
#000000
Categories
FrameworksDesignUI & CSS
Variants
3 SVG files
Source
Simple Icons · CC0
Your brand here$40 / 30 days

Use the shadcn/ui logo

shadcn CLI
npx shadcn@latest add @logoforge/shadcn-ui

First time? Add the @logoforge registry to components.json, or use the MCP server.

React
import { ShadcnUiLogo } from "@/components/logos/shadcn-ui";

<ShadcnUiLogo className="size-8" />
<ShadcnUiLogo variant="mono" />          {/* currentColor */}
icon.svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22.219 11.784 11.784 22.219a1.045 1.045 0 0 0 1.476 1.476L23.695 13.26a1.045 1.045 0 0 0-1.476-1.476M20.132.305.305 20.132a1.045 1.045 0 0 0 1.476 1.476L21.608 1.781A1.045 1.045 0 0 0 20.132.305"/></svg>

Download

Related logos

shadcn/ui and the shadcn/ui logo are trademarks of their respective owner. Logoforge is not affiliated with or endorsed by shadcn/ui; the logo is provided to refer to the product. Follow the brand's own guidelines. Own this brand and want it removed? Contact us — handled within 72 hours.