undo icon

undo-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.

Name
undo-outlined
Set
Ant Design Icons
Style
Outlined
Viewbox
1024×1024
License
MIT
Aliases
undo, undo-outline

The same icon in other sets

undoBoxIcons v2undoCarbonundo-fillEva IconsundoFont Awesome Solidundo-outlineFlowbite Iconsundocss.ggundoHuge IconsundoIconParkundoIconPark OutlineundoIconoirundoJam IconsundoLine AwesomeundoLucideundoMajesticonsundoMaterial SymbolsundoMaterial Symbols LightundoMaterial Design IconsundoMyna UI Iconsundo-16OcticonsundoPixelarticonsundoPrime Icons

Use the undo icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M511.4 124C290.5 124.3 112 303 112 523.9c0 128 60.2 242 153.8 315.2l-37.5 48c-4.1 5.3-.3 13 6.3 12.9l167-.8c5.2 0 9-4.9 7.7-9.9L369.8 727a8 8 0 0 0-14.1-3L315 776.1c-10.2-8-20-16.7-29.3-26a318.6 318.6 0 0 1-68.6-101.7C200.4 609 192 567.1 192 523.9s8.4-85.1 25.1-124.5c16.1-38.1 39.2-72.3 68.6-101.7s63.6-52.5 101.7-68.6C426.9 212.4 468.8 204 512 204s85.1 8.4 124.5 25.1c38.1 16.1 72.3 39.2 101.7 68.6s52.5 63.6 68.6 101.7c16.7 39.4 25.1 81.3 25.1 124.5s-8.4 85.1-25.1 124.5a318.6 318.6 0 0 1-68.6 101.7c-7.5 7.5-15.3 14.5-23.4 21.2a7.93 7.93 0 0 0-1.2 11.1l39.4 50.5c2.8 3.5 7.9 4.1 11.4 1.3C854.5 760.8 912 649.1 912 523.9c0-221.1-179.4-400.2-400.6-399.9"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignUndoOutlined(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M511.4 124C290.5 124.3 112 303 112 523.9c0 128 60.2 242 153.8 315.2l-37.5 48c-4.1 5.3-.3 13 6.3 12.9l167-.8c5.2 0 9-4.9 7.7-9.9L369.8 727a8 8 0 0 0-14.1-3L315 776.1c-10.2-8-20-16.7-29.3-26a318.6 318.6 0 0 1-68.6-101.7C200.4 609 192 567.1 192 523.9s8.4-85.1 25.1-124.5c16.1-38.1 39.2-72.3 68.6-101.7s63.6-52.5 101.7-68.6C426.9 212.4 468.8 204 512 204s85.1 8.4 124.5 25.1c38.1 16.1 72.3 39.2 101.7 68.6s52.5 63.6 68.6 101.7c16.7 39.4 25.1 81.3 25.1 124.5s-8.4 85.1-25.1 124.5a318.6 318.6 0 0 1-68.6 101.7c-7.5 7.5-15.3 14.5-23.4 21.2a7.93 7.93 0 0 0-1.2 11.1l39.4 50.5c2.8 3.5 7.9 4.1 11.4 1.3C854.5 760.8 912 649.1 912 523.9c0-221.1-179.4-400.2-400.6-399.9"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M511.4 124C290.5 124.3 112 303 112 523.9c0 128 60.2 242 153.8 315.2l-37.5 48c-4.1 5.3-.3 13 6.3 12.9l167-.8c5.2 0 9-4.9 7.7-9.9L369.8 727a8 8 0 0 0-14.1-3L315 776.1c-10.2-8-20-16.7-29.3-26a318.6 318.6 0 0 1-68.6-101.7C200.4 609 192 567.1 192 523.9s8.4-85.1 25.1-124.5c16.1-38.1 39.2-72.3 68.6-101.7s63.6-52.5 101.7-68.6C426.9 212.4 468.8 204 512 204s85.1 8.4 124.5 25.1c38.1 16.1 72.3 39.2 101.7 68.6s52.5 63.6 68.6 101.7c16.7 39.4 25.1 81.3 25.1 124.5s-8.4 85.1-25.1 124.5a318.6 318.6 0 0 1-68.6 101.7c-7.5 7.5-15.3 14.5-23.4 21.2a7.93 7.93 0 0 0-1.2 11.1l39.4 50.5c2.8 3.5 7.9 4.1 11.4 1.3C854.5 760.8 912 649.1 912 523.9c0-221.1-179.4-400.2-400.6-399.9"/></svg>
</template>

CSS

.icon-undo-outlined {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M511.4%20124C290.5%20124.3%20112%20303%20112%20523.9c0%20128%2060.2%20242%20153.8%20315.2l-37.5%2048c-4.1%205.3-.3%2013%206.3%2012.9l167-.8c5.2%200%209-4.9%207.7-9.9L369.8%20727a8%208%200%200%200-14.1-3L315%20776.1c-10.2-8-20-16.7-29.3-26a318.6%20318.6%200%200%201-68.6-101.7C200.4%20609%20192%20567.1%20192%20523.9s8.4-85.1%2025.1-124.5c16.1-38.1%2039.2-72.3%2068.6-101.7s63.6-52.5%20101.7-68.6C426.9%20212.4%20468.8%20204%20512%20204s85.1%208.4%20124.5%2025.1c38.1%2016.1%2072.3%2039.2%20101.7%2068.6s52.5%2063.6%2068.6%20101.7c16.7%2039.4%2025.1%2081.3%2025.1%20124.5s-8.4%2085.1-25.1%20124.5a318.6%20318.6%200%200%201-68.6%20101.7c-7.5%207.5-15.3%2014.5-23.4%2021.2a7.93%207.93%200%200%200-1.2%2011.1l39.4%2050.5c2.8%203.5%207.9%204.1%2011.4%201.3C854.5%20760.8%20912%20649.1%20912%20523.9c0-221.1-179.4-400.2-400.6-399.9%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M511.4%20124C290.5%20124.3%20112%20303%20112%20523.9c0%20128%2060.2%20242%20153.8%20315.2l-37.5%2048c-4.1%205.3-.3%2013%206.3%2012.9l167-.8c5.2%200%209-4.9%207.7-9.9L369.8%20727a8%208%200%200%200-14.1-3L315%20776.1c-10.2-8-20-16.7-29.3-26a318.6%20318.6%200%200%201-68.6-101.7C200.4%20609%20192%20567.1%20192%20523.9s8.4-85.1%2025.1-124.5c16.1-38.1%2039.2-72.3%2068.6-101.7s63.6-52.5%20101.7-68.6C426.9%20212.4%20468.8%20204%20512%20204s85.1%208.4%20124.5%2025.1c38.1%2016.1%2072.3%2039.2%20101.7%2068.6s52.5%2063.6%2068.6%20101.7c16.7%2039.4%2025.1%2081.3%2025.1%20124.5s-8.4%2085.1-25.1%20124.5a318.6%20318.6%200%200%201-68.6%20101.7c-7.5%207.5-15.3%2014.5-23.4%2021.2a7.93%207.93%200%200%200-1.2%2011.1l39.4%2050.5c2.8%203.5%207.9%204.1%2011.4%201.3C854.5%20760.8%20912%20649.1%20912%20523.9c0-221.1-179.4-400.2-400.6-399.9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/undo-outlined.svg?color=%231a73e8&size=48