TOML logo

TOML defines a minimal configuration file format, allowing developers to write clear, hierarchical settings that are easy to parse in many languages. The TOML 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: #9c4121
Categories: Languages
Variants: 3 SVG files
Website: toml.io
Source: gilbarbara/logos · CC0

Sponsor

CertifstudioBeautiful certificates, verifiable with a scan

Use the TOML logo

shadcn CLI

npx shadcn@latest add @logoforge/toml

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

React

import { TomlLogo } from "@/components/logos/toml";

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

icon.svg

<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 256"><title>toml</title><path fill="#9c4221" d="M198.472 0v28.764h25.888v198.472h-25.888V256H256V0z"/><path d="M64.72 83.416v-31.64h126.56v31.64h-47.46v138.067h-31.64V83.416z"/><path fill="#9c4221" d="M57.528 0v28.764H31.64v198.472h25.888V256H0V0z"/></svg>

Download

Related logos

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