Ícone Rewind Back Outline

solar:rewind-back-outline

O ícone Rewind Back Outline (solar:rewind-back-outline) é um ícone SVG gratuito da coleção Solar de 480 Design. Ele é desenhado em uma grade de 24 × 24. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Solar
Autor: 480 Design
Licença: CC-BY-4.0
Tamanho: 24 × 24
Categoria: Vídeo
Tags: rewindback, backoutline, rewindbackoutline

Baixar SVG

Código 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>

Como usar o ícone 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>

Web component

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

Imagem HTML

<img src="https://iconyz.com/api/public/svg/solar/rewind-back-outline.svg" alt="Ícone Rewind Back Outline" width="24" height="24">

Ícones relacionados em Solar

Perguntas frequentes sobre Ícone Rewind Back Outline

O ícone Rewind Back Outline é grátis para uso comercial?

Sim. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.

Como uso o ícone Rewind Back Outline no React?

Instale @iconify/react e renderize <Icon icon="solar:rewind-back-outline" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Rewind Back Outline a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/solar/rewind-back-outline.svg" alt="Ícone Rewind Back Outline">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Solar →