Pixelarticons

Markdown Pixel Art Icon

A Markdown icon for .md file types, documentation editors, markup-format selectors, and README file indicators.

development Pro 2 variants

Style variants

base

Outline · rounded corners

Get Pro

solid

Filled · rounded corners

Get Pro

Base, sharp, solid or glyph: see how the four styles differ and which to use.

About the Markdown icon

The Markdown logotype or an 'M' with a downward arrow, instantly recognizable to technical writers and developers. Use it on file-type badges for .md and .mdx files, format selectors in documentation platforms, and README previews in repository browsers. In no-code or CMS tools, it labels a 'Write in Markdown' toggle. For raw HTML or code syntax, the code or brackets-angle icon is more precise; markdown specifically signals the lightweight plain-text markup language and its distinctive syntax.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/markdown.svg" width="24" height="24" alt="Markdown" />

<!-- React -->
import { Markdown } from 'pixelarticons/react'

<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="markdown.svg" width="48" height="48" style="image-rendering: pixelated" />

Related icons