Pixelarticons

Timeline Pixel Art Icon

A timeline icon for project history views, activity feeds, audit logs, version history and process flow indicators.

time Pro 4 variants

Style variants

base

Outline · rounded corners

Get Pro

sharp

Outline · sharp corners

Get Pro

glyph

Filled · sharp 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 Timeline icon

A horizontal or vertical sequence of nodes connected by a line, representing events ordered in time. Timelines are at home in project management tools for showing milestones, in user profile activity feeds, in audit logs that trace when actions occurred, and in onboarding flows that walk users through numbered steps. It suggests progression and sequence. For a single scheduled event, a calendar icon is more appropriate; for elapsed duration, reach for a clock.

Usage

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

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

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

Related icons