Gentleface › Time & calendar › history

history icon

History: history, version history, browsing history, revisions. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M5.856 3.144C5.952 3.241 6 3.359 6 3.5C6 3.641 5.952 3.759 5.856 3.856C5.759 3.952 5.641 4 5.5 4L3.5 4C3.359 4 3.241 3.952 3.144 3.856C3.048 3.759 3 3.641 3 3.5L3 1.5C3 1.359 3.048 1.241 3.144 1.144C3.241 1.048 3.359 1 3.5 1C3.641 1 3.759 1.048 3.856 1.144C3.952 1.241 4 1.359 4 1.5L4 2.255C4.317 1.994 4.663 1.769 5.04 1.581C5.815 1.194 6.634 1 7.5 1C8.327 1 9.124 1.152 9.893 1.456C10.727 1.787 11.462 2.269 12.096 2.904C12.731 3.538 13.213 4.273 13.544 5.107C13.848 5.876 14 6.673 14 7.5C14 8.327 13.848 9.124 13.544 9.893C13.213 10.727 12.731 11.462 12.096 12.096C11.462 12.731 10.727 13.213 9.893 13.544C9.124 13.848 8.327 14 7.5 14C6.673 14 5.876 13.848 5.107 13.544C4.273 13.213 3.538 12.731 2.904 12.096C2.269 11.462 1.787 10.727 1.456 9.893C1.152 9.124 1 8.327 1 7.5C1 7.359 1.048 7.241 1.144 7.144C1.241 7.048 1.359 7 1.5 7C1.641 7 1.759 7.048 1.856 7.144C1.952 7.241 2 7.359 2 7.5C2 8.199 2.129 8.874 2.386 9.525C2.666 10.231 3.074 10.852 3.611 11.389C4.148 11.926 4.769 12.334 5.475 12.614C6.126 12.871 6.801 13 7.5 13C8.199 13 8.874 12.871 9.525 12.614C10.231 12.334 10.852 11.926 11.389 11.389C11.926 10.852 12.334 10.231 12.614 9.525C12.871 8.874 13 8.199 13 7.5C13 6.801 12.871 6.126 12.614 5.475C12.334 4.769 11.926 4.148 11.389 3.611C10.852 3.074 10.231 2.666 9.525 2.386C8.874 2.129 8.199 2 7.5 2C6.792 2 6.121 2.158 5.488 2.475C5.192 2.623 4.919 2.798 4.669 3L5.5 3C5.641 3 5.759 3.048 5.856 3.144ZM9.5 7C9.641 7 9.759 7.048 9.856 7.144C9.952 7.241 10 7.359 10 7.5C10 7.641 9.952 7.759 9.856 7.856C9.759 7.952 9.641 8 9.5 8L7.5 8C7.359 8 7.241 7.952 7.144 7.856C7.048 7.759 7 7.641 7 7.5L7 4.5C7 4.359 7.048 4.241 7.144 4.144C7.241 4.048 7.359 4 7.5 4C7.641 4 7.759 4.048 7.856 4.144C7.952 4.241 8 4.359 8 4.5L8 7L9.5 7Z"/></svg>

React

// Gentleface "history" (line-round), MIT. https://gentleface.com/icons/history
import type { SVGProps } from 'react';

export function HistoryIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M5.856 3.144C5.952 3.241 6 3.359 6 3.5C6 3.641 5.952 3.759 5.856 3.856C5.759 3.952 5.641 4 5.5 4L3.5 4C3.359 4 3.241 3.952 3.144 3.856C3.048 3.759 3 3.641 3 3.5L3 1.5C3 1.359 3.048 1.241 3.144 1.144C3.241 1.048 3.359 1 3.5 1C3.641 1 3.759 1.048 3.856 1.144C3.952 1.241 4 1.359 4 1.5L4 2.255C4.317 1.994 4.663 1.769 5.04 1.581C5.815 1.194 6.634 1 7.5 1C8.327 1 9.124 1.152 9.893 1.456C10.727 1.787 11.462 2.269 12.096 2.904C12.731 3.538 13.213 4.273 13.544 5.107C13.848 5.876 14 6.673 14 7.5C14 8.327 13.848 9.124 13.544 9.893C13.213 10.727 12.731 11.462 12.096 12.096C11.462 12.731 10.727 13.213 9.893 13.544C9.124 13.848 8.327 14 7.5 14C6.673 14 5.876 13.848 5.107 13.544C4.273 13.213 3.538 12.731 2.904 12.096C2.269 11.462 1.787 10.727 1.456 9.893C1.152 9.124 1 8.327 1 7.5C1 7.359 1.048 7.241 1.144 7.144C1.241 7.048 1.359 7 1.5 7C1.641 7 1.759 7.048 1.856 7.144C1.952 7.241 2 7.359 2 7.5C2 8.199 2.129 8.874 2.386 9.525C2.666 10.231 3.074 10.852 3.611 11.389C4.148 11.926 4.769 12.334 5.475 12.614C6.126 12.871 6.801 13 7.5 13C8.199 13 8.874 12.871 9.525 12.614C10.231 12.334 10.852 11.926 11.389 11.389C11.926 10.852 12.334 10.231 12.614 9.525C12.871 8.874 13 8.199 13 7.5C13 6.801 12.871 6.126 12.614 5.475C12.334 4.769 11.926 4.148 11.389 3.611C10.852 3.074 10.231 2.666 9.525 2.386C8.874 2.129 8.199 2 7.5 2C6.792 2 6.121 2.158 5.488 2.475C5.192 2.623 4.919 2.798 4.669 3L5.5 3C5.641 3 5.759 3.048 5.856 3.144ZM9.5 7C9.641 7 9.759 7.048 9.856 7.144C9.952 7.241 10 7.359 10 7.5C10 7.641 9.952 7.759 9.856 7.856C9.759 7.952 9.641 8 9.5 8L7.5 8C7.359 8 7.241 7.952 7.144 7.856C7.048 7.759 7 7.641 7 7.5L7 4.5C7 4.359 7.048 4.241 7.144 4.144C7.241 4.048 7.359 4 7.5 4C7.641 4 7.759 4.048 7.856 4.144C7.952 4.241 8 4.359 8 4.5L8 7L9.5 7Z" />
    </svg>
  );
}

Vue

Vue: see /icons/history.md

Svelte

Svelte: see /icons/history.md

HTML img

HTML img: see /icons/history.md

CSS

CSS: see /icons/history.md

Data URL

Data URL: see /icons/history.md

Sprite

Sprite: see /icons/history.md

SwiftUI

SwiftUI: see /icons/history.md

Compose

Compose: see /icons/history.md

Android XML

Android XML: see /icons/history.md

Flutter

Flutter: see /icons/history.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

history, version history, browsing history, revisions, revision history, versions

Alternatives

clock: recent items (clock owns recent)
message-clock: chat history

Don’t confuse with

undo: undo reverts one step; it is not a history list

Also fits

clipboard history: a general history or version history
recently viewed: a general activity or version history
search history: a past-query row inside the search list
undo: restore an older version from the version history (version-history)
order history: history of anything else
chat history: history in general, version history
cloud backup: the version history of a file (version-history)
commit graph: version history outside git (version-history)
logs: version or browsing history (history)
recently read: browsing or version history across the app (history)
file history: version history of the open document or the app, without the file (version-history)
timeline: the version history of a document (version-history)
location history: history of anything else
recently played: history outside music, such as browsing or versions (history)
recent: history or past versions

Not for

reset timer (use stopwatch-reset): history is the clock with a counter-clockwise arrow; the crown makes a stopwatch

Tags

history, past, log, recent, revisions, time

Category

Time & calendar

Component name

HistoryIcon

History

2026-10-14 added

Family 12

clock clock-alert clock-check clock-diagonal clock-gear clock-pause clock-pencil clock-play clock-plus clock-x history-off history-x

More time & calendar icons

alarm-clock alarm-clock-check alarm-clock-off alarm-clock-plus alarm-clock-snooze calendar calendar-alert calendar-arrow-down calendar-arrow-up calendar-check calendar-clock calendar-day calendar-dot calendar-event calendar-gear calendar-heart · all time & calendar icons

For agents

Metadata: /icons/history.json · Markdown: /icons/history.md · SVG: https://gentleface.com/svg/{style}/16/history.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/history.png

history icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp