History icon

Microsoft uses it in scenarios needing to see history of changes. The History icon is tagged undo, back and clock. Similar Fluent icons include History Dismiss, Chat History and Folder Arrow Left.

Regular (outlined)

SVG

Filled

SVG
History Color

Color

SVG

Every size and style

Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.

Regular, 24 px

ic_fluent_history_24_regular.svg

History icon in React

npm install @fluentui/react-icons

import { History24Regular } from "@fluentui/react-icons";

export function Example() {
  return <History24Regular aria-label="History" />;
}

Use the History icon in React

Import History24Regular and History24Filled from Microsoft's @fluentui/react-icons package; the code tabs above have this and other platforms. Coding agents can look the component up through the Fluent Icons MCP server.

Details

NameHistory
StylesRegular (outlined), Filled, Color, Light
Sizes16 px, 20 px, 24 px, 28 px, 32 px, 48 px
Regular (outlined) fileic_fluent_history_24_regular.svg
Filled fileic_fluent_history_24_filled.svg
Color fileic_fluent_history_24_color.svg
React (Regular)History16Regular, History20Regular, History24Regular, History28Regular, History32Regular, History48Regular
React (Filled)History16Filled, History20Filled, History24Filled, History28Filled, History32Filled, History48Filled
React (Color)History16Color, History20Color, History24Color, History28Color, History32Color, History48Color
React (Light)History32Light
Font glyph (Regular, 24 px)U+F47F · &#xF47F;
Font glyph (Filled, 24 px)U+F486 · &#xF486;
LicenseMIT (© Microsoft Corporation)

Keywords

backundotimeclock

Also in Material Symbols

History iconHistoryGoogle's version of this icon, on Materialicons

Similar icons