Atlassian logo

The Atlassian 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.

Brand color: #0052cc
Categories: Productivity
Variants: 3 SVG files
Brand guidelines: Read before use
Source: Simple Icons · CC0

Sponsor

Blockforgeshadcn/ui blocks, forged to ship

Use the Atlassian logo

shadcn CLI

npx shadcn@latest add @logoforge/atlassian

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

React

import { AtlassianLogo } from "@/components/logos/atlassian";

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

icon.svg

<svg xmlns="http://www.w3.org/2000/svg" fill="#0052cc" viewBox="0 0 24 24"><path d="M7.12 11.084a.683.683 0 0 0-1.16.126L.075 22.974a.703.703 0 0 0 .63 1.018h8.19a.68.68 0 0 0 .63-.39c1.767-3.65.696-9.203-2.406-12.52zM11.434.386a15.52 15.52 0 0 0-.906 15.317l3.95 7.9a.7.7 0 0 0 .628.388h8.19a.703.703 0 0 0 .63-1.017L12.63.38a.664.664 0 0 0-1.196.006"/></svg>

Download

Related logos

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