The Phosphor markdown logo icon depicts the official symbol for Markdown, commonly used in UI to represent Markdown-related features, files, or editors.
Common uses
- Button to open a Markdown editor
- Label for a .md file type
- Indicator for content formatted with Markdown
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { MarkdownLogo } from '@phosphor-icons/react';
<MarkdownLogo size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<MarkdownLogo size={24} />thin
<MarkdownLogo size={24} weight="thin" />light
<MarkdownLogo size={24} weight="light" />bold
<MarkdownLogo size={24} weight="bold" />fill
<MarkdownLogo size={24} weight="fill" />duotone
<MarkdownLogo size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- technology & development
- Keywords
- *new*markupeditor.mdtechnology & developmentofficemediabrandsmarkdownlogomarkup logomd logoeditor logo
FAQ
- What is the markdown-logo icon used for?
- This icon represents Markdown, a lightweight markup language. It's used in UIs to signify Markdown files, editors, or features.
- How do I use the markdown-logo icon in React?
- You can import and use it in your React application with: `import { MarkdownLogo } from '@phosphor-icons/react'`.
- What is the license for this icon?
- The Phosphor markdown logo icon is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →