X logo

The X 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: #000000
Categories: Social
Variants: 3 SVG files
Website: x.com
Brand guidelines: Read before use
Source: gilbarbara/logos · CC0

Your brand here$40 / 30 days

Use the X logo

shadcn CLI

npx shadcn@latest add @logoforge/x

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

React

import { XLogo } from "@/components/logos/x";

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

icon.svg

<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 251 256"><title>X</title><path d="M149.079 108.399 242.33 0h-22.098l-80.97 94.12L74.59 0H0l97.796 142.328L0 256h22.1l85.507-99.395L175.905 256h74.59L149.073 108.399zM118.81 143.58l-9.909-14.172-78.84-112.773h33.943l63.625 91.011 9.909 14.173 82.705 118.3H186.3l-67.49-96.533z"/></svg>

Download

Related logos

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