undo left round icon

undo-left-round-outline from Solar by 480 Design · Outline · Arrows Action · CC-BY-4.0 Attribution required.

Name
undo-left-round-outline
Set
Solar
Style
Outline
Category
Arrows Action
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

undo-left-round-boldundo-left-round-bold-duotoneundo-left-round-brokenundo-left-round-line-duotoneundo-left-round-linear

More arrows action icons from Solar

arrow-to-down-left-boldarrow-to-down-right-boldarrow-to-top-left-boldarrow-to-top-right-boldcircle-bottom-down-boldcircle-bottom-up-boldcircle-top-down-boldcircle-top-up-bolddownload-bolddownload-minimalistic-bolddownload-square-bolddownload-twice-square-boldexit-boldexport-boldforward-2-boldforward-boldimport-boldlogin-2-boldlogin-3-boldlogin-boldlogout-2-boldlogout-3-boldlogout-boldmaximize-bold

Use the undo left round icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M7.53033 3.46967C7.82322 3.76256 7.82322 4.23744 7.53033 4.53033L5.81066 6.25H15C18.1756 6.25 20.75 8.82436 20.75 12C20.75 15.1756 18.1756 17.75 15 17.75H8.00001C7.58579 17.75 7.25001 17.4142 7.25001 17C7.25001 16.5858 7.58579 16.25 8.00001 16.25H15C17.3472 16.25 19.25 14.3472 19.25 12C19.25 9.65279 17.3472 7.75 15 7.75H5.81066L7.53033 9.46967C7.82322 9.76256 7.82322 10.2374 7.53033 10.5303C7.23744 10.8232 6.76256 10.8232 6.46967 10.5303L3.46967 7.53033C3.17678 7.23744 3.17678 6.76256 3.46967 6.46967L6.46967 3.46967C6.76256 3.17678 7.23744 3.17678 7.53033 3.46967Z" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function SolarUndoLeftRoundOutline(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" fillRule="evenodd" d="M7.53033 3.46967C7.82322 3.76256 7.82322 4.23744 7.53033 4.53033L5.81066 6.25H15C18.1756 6.25 20.75 8.82436 20.75 12C20.75 15.1756 18.1756 17.75 15 17.75H8.00001C7.58579 17.75 7.25001 17.4142 7.25001 17C7.25001 16.5858 7.58579 16.25 8.00001 16.25H15C17.3472 16.25 19.25 14.3472 19.25 12C19.25 9.65279 17.3472 7.75 15 7.75H5.81066L7.53033 9.46967C7.82322 9.76256 7.82322 10.2374 7.53033 10.5303C7.23744 10.8232 6.76256 10.8232 6.46967 10.5303L3.46967 7.53033C3.17678 7.23744 3.17678 6.76256 3.46967 6.46967L6.46967 3.46967C6.76256 3.17678 7.23744 3.17678 7.53033 3.46967Z" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M7.53033 3.46967C7.82322 3.76256 7.82322 4.23744 7.53033 4.53033L5.81066 6.25H15C18.1756 6.25 20.75 8.82436 20.75 12C20.75 15.1756 18.1756 17.75 15 17.75H8.00001C7.58579 17.75 7.25001 17.4142 7.25001 17C7.25001 16.5858 7.58579 16.25 8.00001 16.25H15C17.3472 16.25 19.25 14.3472 19.25 12C19.25 9.65279 17.3472 7.75 15 7.75H5.81066L7.53033 9.46967C7.82322 9.76256 7.82322 10.2374 7.53033 10.5303C7.23744 10.8232 6.76256 10.8232 6.46967 10.5303L3.46967 7.53033C3.17678 7.23744 3.17678 6.76256 3.46967 6.46967L6.46967 3.46967C6.76256 3.17678 7.23744 3.17678 7.53033 3.46967Z" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-undo-left-round-outline {
  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%20fill-rule%3D%22evenodd%22%20d%3D%22M7.53033%203.46967C7.82322%203.76256%207.82322%204.23744%207.53033%204.53033L5.81066%206.25H15C18.1756%206.25%2020.75%208.82436%2020.75%2012C20.75%2015.1756%2018.1756%2017.75%2015%2017.75H8.00001C7.58579%2017.75%207.25001%2017.4142%207.25001%2017C7.25001%2016.5858%207.58579%2016.25%208.00001%2016.25H15C17.3472%2016.25%2019.25%2014.3472%2019.25%2012C19.25%209.65279%2017.3472%207.75%2015%207.75H5.81066L7.53033%209.46967C7.82322%209.76256%207.82322%2010.2374%207.53033%2010.5303C7.23744%2010.8232%206.76256%2010.8232%206.46967%2010.5303L3.46967%207.53033C3.17678%207.23744%203.17678%206.76256%203.46967%206.46967L6.46967%203.46967C6.76256%203.17678%207.23744%203.17678%207.53033%203.46967Z%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M7.53033%203.46967C7.82322%203.76256%207.82322%204.23744%207.53033%204.53033L5.81066%206.25H15C18.1756%206.25%2020.75%208.82436%2020.75%2012C20.75%2015.1756%2018.1756%2017.75%2015%2017.75H8.00001C7.58579%2017.75%207.25001%2017.4142%207.25001%2017C7.25001%2016.5858%207.58579%2016.25%208.00001%2016.25H15C17.3472%2016.25%2019.25%2014.3472%2019.25%2012C19.25%209.65279%2017.3472%207.75%2015%207.75H5.81066L7.53033%209.46967C7.82322%209.76256%207.82322%2010.2374%207.53033%2010.5303C7.23744%2010.8232%206.76256%2010.8232%206.46967%2010.5303L3.46967%207.53033C3.17678%207.23744%203.17678%206.76256%203.46967%206.46967L6.46967%203.46967C6.76256%203.17678%207.23744%203.17678%207.53033%203.46967Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/undo-left-round-outline.svg?color=%231a73e8&size=48