Mermaid logo
Mermaid is an open-source JavaScript library that renders flowcharts, sequence diagrams, Gantt charts and more from Markdown-like text, built into GitHub and GitLab.
Also known as Mermaid.js, MermaidJS, Mermaid diagrams, mermaid-js
|
Usage
Install
npm i @dev.icons/reactImport
import { Mermaid } from "@dev.icons/react";Render
<Mermaid size={32} />
Using an AI agent? Ask the Devicons MCP server for mermaid, or fetch its JSON from the Icons API.
About the Mermaid logo
The Mermaid icon is a white mermaid tail fin on a pink (#FF3670) rounded square. This is the version the project ships as the favicon of its documentation site.
The pink tile reads well on light and dark backgrounds.
When to use this logo
Use Mermaid in diagram tool comparisons, docs-as-code guides, Markdown editor feature lists and READMEs that embed diagrams. It pairs naturally with PlantUML, Excalidraw, Markdown, GitHub and Docusaurus.
