MDX logo

MDX combines Markdown with JSX, allowing developers to write content that includes interactive React components within documentation pages. The MDX 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: #1b1f24
Categories: Languages
Variants: 5 SVG files
Website: mdxjs.com
Source: Simple Icons · CC0

Sponsor

CVMalinThe clever CV, built to land interviews

Use the MDX logo

shadcn CLI

npx shadcn@latest add @logoforge/mdx

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

React

import { MdxLogo } from "@/components/logos/mdx";

<MdxLogo className="size-8" />
<MdxLogo variant="mono" />          {/* currentColor */}
<MdxLogo type="wordmark" className="h-6 w-auto" />

icon.svg

<svg xmlns="http://www.w3.org/2000/svg" fill="#1b1f24" viewBox="0 0 24 24"><path d="M.79 7.12h22.42c.436 0 .79.355.79.792v8.176a.79.79 0 0 1-.79.79H.79a.79.79 0 0 1-.79-.79V7.912a.79.79 0 0 1 .79-.791zm2.507 7.605v-3.122l1.89 1.89L7.12 11.56v3.122h1.055v-5.67l-2.99 2.99L2.24 9.056v5.67h1.055v-.001Zm8.44-1.845-1.474-1.473-.746.746 2.747 2.747 2.745-2.747-.746-.746-1.473 1.473v-4h-1.054v4Zm10.041.987-2.175-2.175 2.22-2.22-.746-.746-2.22 2.22-2.22-2.22-.747.746 2.22 2.22-2.176 2.177.746.746 2.177-2.177 2.176 2.175z"/></svg>

Download

Related logos

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