MDN Web Docs logo

The MDN Web Docs 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: Learning
Variants: 3 SVG files
Source: Simple Icons · CC0

Sponsor

Blockforgeshadcn/ui blocks, forged to ship

Use the MDN Web Docs logo

shadcn CLI

npx shadcn@latest add @logoforge/mdn-web-docs

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

React

import { MdnWebDocsLogo } from "@/components/logos/mdn-web-docs";

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

icon.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m21.538 1.1-6.745 21.8h-2.77L18.77 1.1ZM24 1.1v21.8h-2.462V1.1Zm-12 0v21.8H9.538V1.1Zm-2.462 0L2.77 22.9H0L6.746 1.1Z"/></svg>

Download

Related logos

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