ClickUp logo
ClickUp offers task management and collaboration features that developers use to organize project backlogs, track progress, and document work. The ClickUp logo as clean SVG, in brand color and mono. Copy it, download it, or install it as a typed React component.
- Brand color
- #7b68ee
- Categories
- Productivity
- Variants
- 4 SVG files
- Website
- clickup.com
- Source
- gilbarbara/logos · CC0
Use the ClickUp logo
shadcn CLI
npx shadcn@latest add @logoforge/clickupWorks out of the box — @logoforge is in the official shadcn directory. Prefer your AI editor? Use the MCP server.
React
import { ClickupLogo } from "@/components/logos/clickup";
<ClickupLogo className="size-8" />
<ClickupLogo variant="mono" /> {/* currentColor */}
<ClickupLogo type="wordmark" className="h-6 w-auto" />icon.svg
<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 311"><title>ClickUp</title><defs><linearGradient id="clickup-a" x1="0%" x2="100%" y1="118.01%" y2="118.01%"><stop offset="0%" stop-color="#7612fa"/><stop offset="100%" stop-color="#40ddff"/></linearGradient><linearGradient id="clickup-b" x1="0%" x2="100%" y1="118.01%" y2="118.01%"><stop offset="0%" stop-color="#fa12e3"/><stop offset="100%" stop-color="gold"/></linearGradient></defs><path fill="url(#clickup-a)" d="m0 238.388 47.24-36.553c25.098 33.087 51.764 48.337 81.444 48.337 29.523 0 55.435-15.07 79.401-47.896L256 237.947c-34.582 47.336-77.556 72.346-127.316 72.346-49.6 0-92.991-24.85-128.684-71.905"/><path fill="url(#clickup-b)" d="M128.534 79.52 44.45 152.707 5.583 107.176 128.713 0l122.156 107.255-39.046 45.372z"/></svg>Download
Related logos
ClickUp and the ClickUp logo are trademarks of their respective owner. Logoforge is not affiliated with or endorsed by ClickUp; 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.