redo icon

redo from Jam Icons by Michael Amprimo · Outline · MIT Free for personal and commercial use.

Name
redo
Set
Jam Icons
Style
Outline
Viewbox
24×24
License
MIT

The same icon in other sets

redo-outlinedAnt Design IconsredoBoxIcons v2redoCarbonredoCodiconsredoFont Awesome Solidredo-outlineFlowbite Iconsredocss.ggredoHuge IconsredoIconParkredoIconPark OutlineredoIconoirredoLine AwesomeredoLucideredoMajesticonsredoMaterial SymbolsredoMaterial Symbols LightredoMaterial Design IconsredoMyna UI Iconsredo-16OcticonsredoPixelarticonsredoUniconsredoUnicons MonochromeredoUnicons Solid

Use the redo icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-1 -2 24 24"><path fill="currentColor" d="m19.347 7.24l.847-1.266a.984.984 0 0 1 1.375-.259c.456.31.58.93.277 1.383L19.65 10.38a.984.984 0 0 1-1.375.259L14.97 8.393a1 1 0 0 1-.277-1.382a.984.984 0 0 1 1.375-.26l1.344.915C16.428 4.386 13.42 2 9.863 2c-4.357 0-7.89 3.582-7.89 8s3.533 8 7.89 8c.545 0 .987.448.987 1s-.442 1-.987 1C4.416 20 0 15.523 0 10S4.416 0 9.863 0c4.504 0 8.302 3.06 9.484 7.24"/></svg>

React

import type { SVGProps } from "react";

export function JamRedo(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-1 -2 24 24"><path fill="currentColor" d="m19.347 7.24l.847-1.266a.984.984 0 0 1 1.375-.259c.456.31.58.93.277 1.383L19.65 10.38a.984.984 0 0 1-1.375.259L14.97 8.393a1 1 0 0 1-.277-1.382a.984.984 0 0 1 1.375-.26l1.344.915C16.428 4.386 13.42 2 9.863 2c-4.357 0-7.89 3.582-7.89 8s3.533 8 7.89 8c.545 0 .987.448.987 1s-.442 1-.987 1C4.416 20 0 15.523 0 10S4.416 0 9.863 0c4.504 0 8.302 3.06 9.484 7.24"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-1 -2 24 24"><path fill="currentColor" d="m19.347 7.24l.847-1.266a.984.984 0 0 1 1.375-.259c.456.31.58.93.277 1.383L19.65 10.38a.984.984 0 0 1-1.375.259L14.97 8.393a1 1 0 0 1-.277-1.382a.984.984 0 0 1 1.375-.26l1.344.915C16.428 4.386 13.42 2 9.863 2c-4.357 0-7.89 3.582-7.89 8s3.533 8 7.89 8c.545 0 .987.448.987 1s-.442 1-.987 1C4.416 20 0 15.523 0 10S4.416 0 9.863 0c4.504 0 8.302 3.06 9.484 7.24"/></svg>
</template>

CSS

.icon-redo {
  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%22-1%20-2%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m19.347%207.24l.847-1.266a.984.984%200%200%201%201.375-.259c.456.31.58.93.277%201.383L19.65%2010.38a.984.984%200%200%201-1.375.259L14.97%208.393a1%201%200%200%201-.277-1.382a.984.984%200%200%201%201.375-.26l1.344.915C16.428%204.386%2013.42%202%209.863%202c-4.357%200-7.89%203.582-7.89%208s3.533%208%207.89%208c.545%200%20.987.448.987%201s-.442%201-.987%201C4.416%2020%200%2015.523%200%2010S4.416%200%209.863%200c4.504%200%208.302%203.06%209.484%207.24%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%22-1%20-2%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m19.347%207.24l.847-1.266a.984.984%200%200%201%201.375-.259c.456.31.58.93.277%201.383L19.65%2010.38a.984.984%200%200%201-1.375.259L14.97%208.393a1%201%200%200%201-.277-1.382a.984.984%200%200%201%201.375-.26l1.344.915C16.428%204.386%2013.42%202%209.863%202c-4.357%200-7.89%203.582-7.89%208s3.533%208%207.89%208c.545%200%20.987.448.987%201s-.442%201-.987%201C4.416%2020%200%2015.523%200%2010S4.416%200%209.863%200c4.504%200%208.302%203.06%209.484%207.24%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/jam/redo.svg?color=%231a73e8&size=48