Trello logo

Trello provides a board-and-card system where developers can visually organize tasks, track progress, and collaborate on project workflows. The Trello logo as clean SVG, in brand color and mono. Copy it, download it, or install it as a typed React component.

Brand color: #0052cc
Categories: Productivity
Variants: 2 SVG files
Website: trello.com
Brand guidelines: Read before use
Source: gilbarbara/logos · CC0

Sponsor

Blockforgeshadcn/ui blocks, forged to ship

Use the Trello logo

shadcn CLI

npx shadcn@latest add @logoforge/trello

Works out of the box — @logoforge is in the official shadcn directory. Prefer your AI editor? Use the MCP server.

React

import { TrelloLogo } from "@/components/logos/trello";

<TrelloLogo className="size-8" />
<TrelloLogo variant="mono" />          {/* currentColor */}

icon.svg

<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 256"><defs><linearGradient id="trello-a" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#0091e6"/><stop offset="100%" stop-color="#0079bf"/></linearGradient></defs><rect width="256" height="256" fill="url(#trello-a)" rx="25"/><rect width="78.08" height="112" x="144.64" y="33.28" fill="#fff" rx="12"/><rect width="78.08" height="176" x="33.28" y="33.28" fill="#fff" rx="12"/></svg>

Download

Related logos

Trello and the Trello logo are trademarks of their respective owner. Logoforge is not affiliated with or endorsed by Trello; 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.