history 2 icon

history-2 from Material Symbols Light by Google · Regular · Actions · Apache-2.0 Free for personal and commercial use.

Name: history-2
Set: Material Symbols Light
Style: Regular
Category: Actions
Viewbox: 24×24
License: Apache 2.0
Aliases: history-2-outline, history-2-outline-sharp, history-2-sharp

1 other variant in Material Symbols Light

history-2-rounded

The same icon in other sets

history-2Material Symbols history-2-fillMingCute Icon history-2-boldSolar

More actions icons from Material Symbols Light

Use the history 2 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 21q-3.478 0-6.036-2.277T3.05 13h1.025q.356 3.025 2.624 5.013T12 20q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4Q9.639 4 7.685 5.255Q5.733 6.509 4.754 8.673h3.015v1H3.316q.782-2.961 3.196-4.817T12 3q1.868 0 3.51.709t2.858 1.922t1.923 2.857t.709 3.509t-.709 3.51q-.708 1.643-1.923 2.859t-2.858 1.925T12 21m2.646-5.646L11.5 12.205V7.731h1v4.061l2.835 2.854z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightHistory2(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 21q-3.478 0-6.036-2.277T3.05 13h1.025q.356 3.025 2.624 5.013T12 20q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4Q9.639 4 7.685 5.255Q5.733 6.509 4.754 8.673h3.015v1H3.316q.782-2.961 3.196-4.817T12 3q1.868 0 3.51.709t2.858 1.922t1.923 2.857t.709 3.509t-.709 3.51q-.708 1.643-1.923 2.859t-2.858 1.925T12 21m2.646-5.646L11.5 12.205V7.731h1v4.061l2.835 2.854z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 21q-3.478 0-6.036-2.277T3.05 13h1.025q.356 3.025 2.624 5.013T12 20q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4Q9.639 4 7.685 5.255Q5.733 6.509 4.754 8.673h3.015v1H3.316q.782-2.961 3.196-4.817T12 3q1.868 0 3.51.709t2.858 1.922t1.923 2.857t.709 3.509t-.709 3.51q-.708 1.643-1.923 2.859t-2.858 1.925T12 21m2.646-5.646L11.5 12.205V7.731h1v4.061l2.835 2.854z"/></svg>
</template>

CSS

.icon-history-2 {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2021q-3.478%200-6.036-2.277T3.05%2013h1.025q.356%203.025%202.624%205.013T12%2020q3.35%200%205.675-2.325T20%2012t-2.325-5.675T12%204Q9.639%204%207.685%205.255Q5.733%206.509%204.754%208.673h3.015v1H3.316q.782-2.961%203.196-4.817T12%203q1.868%200%203.51.709t2.858%201.922t1.923%202.857t.709%203.509t-.709%203.51q-.708%201.643-1.923%202.859t-2.858%201.925T12%2021m2.646-5.646L11.5%2012.205V7.731h1v4.061l2.835%202.854z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2021q-3.478%200-6.036-2.277T3.05%2013h1.025q.356%203.025%202.624%205.013T12%2020q3.35%200%205.675-2.325T20%2012t-2.325-5.675T12%204Q9.639%204%207.685%205.255Q5.733%206.509%204.754%208.673h3.015v1H3.316q.782-2.961%203.196-4.817T12%203q1.868%200%203.51.709t2.858%201.922t1.923%202.857t.709%203.509t-.709%203.51q-.708%201.643-1.923%202.859t-2.858%201.925T12%2021m2.646-5.646L11.5%2012.205V7.731h1v4.061l2.835%202.854z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/history-2.svg?color=%231a73e8&size=48