Иконка Rewind Back Outline

solar:rewind-back-outline

Иконка Rewind Back Outline (solar:rewind-back-outline) — бесплатная 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
Категория: Видео
Теги: rewindback, backoutline, rewindbackoutline

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M22.7498 6.42642C22.7498 5.28953 22.2555 4.2991 21.4787 3.73235C20.6815 3.15078 19.6076 3.04585 18.6712 3.69083L18.6624 3.69687L13.75 7.2906V7.12313C13.75 6.08735 13.2773 5.18999 12.5457 4.68051C11.7998 4.16104 10.8013 4.06826 9.92676 4.64326L2.50932 9.52023C1.639 10.0925 1.25 11.0822 1.25 12.0001C1.25 12.918 1.63899 13.9077 2.50931 14.48L9.92676 19.3569C10.8013 19.9319 11.7998 19.8392 12.5457 19.3197C13.2773 18.8102 13.75 17.9129 13.75 16.8771V16.7096L18.6624 20.3033L18.6712 20.3094C19.6076 20.9544 20.6815 20.8494 21.4787 20.2679C22.2555 19.7011 22.7498 18.7107 22.7498 17.5738L22.7498 6.42642ZM13.75 14.8511L19.5298 19.0794C19.8935 19.3258 20.2682 19.2942 20.5946 19.0561C20.9437 18.8014 21.2498 18.2843 21.2498 17.5738L21.2498 6.42642C21.2498 5.71593 20.9437 5.19882 20.5946 4.94415C20.2682 4.706 19.8935 4.67439 19.5299 4.92083L13.75 9.14914L13.75 14.8511ZM10.7508 5.89661C11.0703 5.68659 11.4024 5.71218 11.6885 5.91145C11.989 6.12071 12.25 6.54246 12.25 7.12313L12.25 16.8771C12.25 17.4577 11.989 17.8795 11.6885 18.0888C11.4024 18.288 11.0703 18.3136 10.7508 18.1036L3.33339 13.2266C2.97524 12.9911 2.75 12.5316 2.75 12.0001C2.75 11.4686 2.97524 11.0091 3.3334 10.7736L10.7508 5.89661Z" clip-rule="evenodd"/></svg>

Как использовать иконку Rewind Back Outline

React

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

<Icon icon="solar:rewind-back-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:rewind-back-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:rewind-back-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--rewind-back-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:rewind-back-outline"></div>

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

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

<iconify-icon icon="solar:rewind-back-outline"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/solar/rewind-back-outline.svg" alt="Иконка Rewind Back Outline" width="24" height="24">

Вопросы и ответы: Иконка Rewind Back Outline

Можно ли бесплатно использовать иконку Rewind Back Outline в коммерческих проектах?

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

Как использовать иконку Rewind Back Outline в React?

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

Как добавить иконку Rewind Back Outline на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/rewind-back-outline.svg" alt="Иконка Rewind Back Outline">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Solar →