Ícone Rewind Forward Outline

solar:rewind-forward-outline

O ícone Rewind Forward Outline (solar:rewind-forward-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: rewindforward, forwardoutline, rewindforwardoutline

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" d="M11.4541 4.68063C12.2001 4.16116 13.1987 4.06852 14.0732 4.64352L21.4902 9.52047C22.3605 10.0927 22.75 11.0821 22.75 12C22.75 12.9178 22.3605 13.9072 21.4902 14.4795L14.0732 19.3564C13.1987 19.9314 12.2001 19.8388 11.4541 19.3193C10.7225 18.8098 10.25 17.9127 10.25 16.8769V16.7089L5.3457 20.2968L5.33691 20.3037L5.32812 20.3095L4.91016 19.7021L4.89648 19.6826L5.32812 20.3095C4.39192 20.9541 3.31852 20.8489 2.52148 20.2675C1.74463 19.7008 1.25 18.7101 1.25 17.5732V6.42672C1.25 5.28984 1.74463 4.29913 2.52148 3.73239C3.31852 3.15101 4.39192 3.04579 5.32812 3.69039L4.89648 4.31637L4.90332 4.30856L5.32812 3.69039L5.33691 3.69625L5.3457 3.70309L10.25 7.29V7.12301C10.25 6.08727 10.7225 5.19012 11.4541 4.68063ZM11.75 16.8769C11.75 17.4576 12.011 17.8796 12.3115 18.0888C12.5976 18.2879 12.9297 18.3134 13.249 18.1035L20.666 13.2265C21.0242 12.991 21.25 12.5314 21.25 12C21.25 11.4685 21.0242 11.0089 20.666 10.7734L13.249 5.89645C12.9297 5.6865 12.5976 5.71202 12.3115 5.9111C12.011 6.12035 11.75 6.54234 11.75 7.12301V16.8769ZM2.75 17.5732C2.75 18.2836 3.05621 18.8009 3.40527 19.0556C3.73164 19.2937 4.10515 19.3243 4.46875 19.0781L10.25 14.8496V9.14938L4.46875 4.92086C4.10529 4.67496 3.7315 4.70631 3.40527 4.9443C3.05622 5.19899 2.75 5.71628 2.75 6.42672V17.5732Z"/></svg>

Como usar o ícone Rewind Forward Outline

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:rewind-forward-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-forward-outline"></iconify-icon>

Imagem HTML

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

Ícones relacionados em Solar

Perguntas frequentes sobre Ícone Rewind Forward Outline

O ícone Rewind Forward 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 Forward Outline no React?

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

Como adiciono o ícone Rewind Forward 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-forward-outline.svg" alt="Ícone Rewind Forward Outline">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Solar →