Иконка Skip Previous Outline

solar:skip-previous-outline

Иконка Skip Previous Outline (solar:skip-previous-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
Категория: Видео
Теги: skipprevious, previousoutline, skippreviousoutline

Скачать 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="M21.1392 1.80371C22.1058 2.46477 22.75 3.64507 22.75 5.03297V18.9672C22.75 20.3551 22.1058 21.5354 21.1392 22.1965C20.1604 22.8659 18.8652 22.9827 17.7223 22.2447L6.93329 15.2775C5.78297 14.5347 5.25 13.2342 5.25 12.0001C5.25 10.7659 5.78297 9.46544 6.93329 8.72261L17.7223 1.7555C18.8652 1.01747 20.1604 1.13428 21.1392 1.80371ZM20.2924 3.04182C19.7699 2.68448 19.1298 2.63219 18.536 3.0156L7.74702 9.98271C7.11047 10.3938 6.75 11.1637 6.75 12.0001C6.75 12.8364 7.11047 13.6064 7.74701 14.0174L18.536 20.9846C19.1298 21.368 19.7699 21.3157 20.2924 20.9583C20.8271 20.5926 21.25 19.8885 21.25 18.9672V5.03297C21.25 4.11167 20.8271 3.40753 20.2924 3.04182ZM2 4.25008C2.41421 4.25008 2.75 4.58586 2.75 5.00008V19.0001C2.75 19.4143 2.41421 19.7501 2 19.7501C1.58579 19.7501 1.25 19.4143 1.25 19.0001V5.00008C1.25 4.58586 1.58579 4.25008 2 4.25008Z" clip-rule="evenodd"/></svg>

Как использовать иконку Skip Previous Outline

React

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

<Icon icon="solar:skip-previous-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:skip-previous-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:skip-previous-outline" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="solar:skip-previous-outline"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/skip-previous-outline.svg" alt="Иконка Skip Previous Outline" width="24" height="24">

Иконка Skip Previous Outline в других наборах

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

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

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

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

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

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

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

Все Иконки Solar →