Article Pixel Art Icon
An article icon for blog posts, news items, editorial content sections, and 'Read more' link affordances.
Style variants
base
Outline · rounded corners
sharp
Outline · sharp corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Article icon
A document with styled headline and body text lines, representing written editorial content. Use it on a blog or news navigation item, a 'Read article' link in a content feed, an 'All articles' section header, or a content type badge distinguishing articles from videos or podcasts. Its text-line detail signals readable long-form content, not a blank form or a spreadsheet. For shorter notes or memos without the editorial article framing, a note or document icon keeps the content type distinct.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/article.svg" width="24" height="24" alt="Article" />
<!-- React -->
import { Article } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="article.svg" width="48" height="48" style="image-rendering: pixelated" />