Icono Rewind Forward Outline

solar:rewind-forward-outline

El icono Rewind Forward Outline (solar:rewind-forward-outline) es un icono SVG gratuito de la colección Solar de 480 Design. Está dibujado en una cuadrícula de 24 × 24. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Solar
Autor: 480 Design
Licencia: CC-BY-4.0
Tamaño: 24 × 24
Categoría: Vídeo
Etiquetas: rewindforward, forwardoutline, rewindforwardoutline

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

Cómo usar el icono 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>

Imagen HTML

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

Iconos relacionados en Solar

Preguntas frecuentes sobre Icono Rewind Forward Outline

¿El icono Rewind Forward Outline es gratis para uso comercial?

Sí. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.

¿Cómo uso el icono Rewind Forward Outline en React?

Instala @iconify/react y renderiza <Icon icon="solar:rewind-forward-outline" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Rewind Forward Outline a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/solar/rewind-forward-outline.svg" alt="Icono Rewind Forward Outline">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Solar →