Иконка Undo Left Square Bold Duotone

solar:undo-left-square-bold-duotone

Иконка Undo Left Square Bold Duotone (solar:undo-left-square-bold-duotone) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Стрелки действий
Теги: undoleft, leftsquare, squarebold, boldduotone, undoleftsquareboldduotone

Скачать SVG

Код SVG

<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>

Как использовать иконку Undo Left Square Bold Duotone

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>

Веб-компонент

<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

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

Вопросы и ответы: Иконка Undo Left Square Bold Duotone

Можно ли бесплатно использовать иконку Undo Left Square Bold Duotone в коммерческих проектах?

Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Undo Left Square Bold Duotone в React?

Установите @iconify/react и выведите <Icon icon="solar:undo-left-square-bold-duotone" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Undo Left Square Bold Duotone на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/undo-left-square-bold-duotone.svg" alt="Иконка Undo Left Square Bold Duotone">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Solar →