ICONYZ
English
Undo Left Square Bold Duotone icon from Solar

Undo Left Square Bold Duotone icon

solar:undo-left-square-bold-duotone

The Undo Left Square Bold Duotone icon (solar:undo-left-square-bold-duotone) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Solar
Author
480 Design
License
CC-BY-4.0
Size
24 × 24
Category
Arrows Action
Tags
undoleft, leftsquare, squarebold, boldduotone, undoleftsquareboldduotone
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z" opacity=".5"/><path fill-rule="evenodd" d="M9.3011 6.91463C9.58205 7.219 9.56307 7.69349 9.25871 7.97445L8.41824 8.75027L14.0758 8.75027C14.7279 8.75025 15.2721 8.75024 15.7133 8.79399C16.1748 8.83976 16.6038 8.93919 16.9931 9.19091C17.3199 9.40218 17.5981 9.68039 17.8093 10.0071C18.0611 10.3965 18.1605 10.8255 18.2063 11.287C18.25 11.7281 18.25 12.2723 18.25 12.9245V12.9991C18.25 13.6513 18.25 14.1955 18.2063 14.6366C18.1605 15.0981 18.0611 15.5271 17.8094 15.9165C17.5981 16.2432 17.3199 16.5214 16.9931 16.7327C16.6038 16.9844 16.1748 17.0839 15.7133 17.1296C15.2721 17.1734 14.7279 17.1734 14.0758 17.1733H9.5C9.08579 17.1733 8.75 16.8376 8.75 16.4233C8.75 16.0091 9.08579 15.6733 9.5 15.6733H14.0385C14.7376 15.6733 15.2069 15.6725 15.5652 15.6369C15.9116 15.6026 16.0724 15.5418 16.1787 15.4731C16.3272 15.377 16.4537 15.2506 16.5497 15.102C16.6185 14.9957 16.6793 14.8349 16.7136 14.4886C16.7491 14.1303 16.75 13.6609 16.75 12.9618C16.75 12.2627 16.7491 11.7933 16.7136 11.435C16.6793 11.0887 16.6184 10.9279 16.5497 10.8216C16.4537 10.673 16.3272 10.5466 16.1787 10.4506C16.0724 10.3818 15.9116 10.321 15.5652 10.2867C15.2069 10.2511 14.7376 10.2503 14.0385 10.2503H8.41824L9.25871 11.0261C9.56307 11.307 9.58205 11.7815 9.3011 12.0859C9.02015 12.3903 8.54565 12.4092 8.24129 12.1283L5.99129 10.0514C5.83748 9.90939 5.75 9.70959 5.75 9.50027C5.75 9.29094 5.83748 9.09114 5.99129 8.94916L8.24129 6.87224C8.54565 6.59129 9.02015 6.61027 9.3011 6.91463Z" clip-rule="evenodd"/></g></svg>

How to use the Undo Left Square Bold Duotone icon

React

import { Icon } from "@iconify/react";

<Icon icon="solar:undo-left-square-bold-duotone" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:undo-left-square-bold-duotone" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:undo-left-square-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--undo-left-square-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:undo-left-square-bold-duotone"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:undo-left-square-bold-duotone"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/undo-left-square-bold-duotone.svg" alt="Undo Left Square Bold Duotone icon" width="24" height="24">

Related icons in Solar

Undo Left Square Bold Duotone icon FAQ

Is the Undo Left Square Bold Duotone icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Undo Left Square Bold Duotone icon in React?

Install @iconify/react and render <Icon icon="solar:undo-left-square-bold-duotone" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Undo Left Square Bold Duotone icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/undo-left-square-bold-duotone.svg" alt="Undo Left Square Bold Duotone icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →