rewind forward icon

rewind-forward-outline from Solar by 480 Design · Outline · Video · CC-BY-4.0 Attribution required.

Name
rewind-forward-outline
Set
Solar
Style
Outline
Category
Video
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

rewind-forward-boldrewind-forward-bold-duotonerewind-forward-brokenrewind-forward-line-duotonerewind-forward-linear

More video icons from Solar

album-boldcamera-add-boldcamera-boldcamera-minimalistic-boldcamera-off-boldcamera-rotate-boldcamera-square-boldclapperboard-boldclapperboard-edit-boldclapperboard-open-boldclapperboard-open-play-boldclapperboard-play-boldclapperboard-text-boldfull-screen-boldfull-screen-circle-boldfull-screen-square-boldgallery-add-boldgallery-boldgallery-check-boldgallery-circle-boldgallery-download-boldgallery-edit-boldgallery-favorite-boldgallery-minimalistic-bold

Use the rewind forward icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function SolarRewindForwardOutline(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</template>

CSS

.icon-rewind-forward-outline {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.4541%204.68063C12.2001%204.16116%2013.1987%204.06852%2014.0732%204.64352L21.4902%209.52047C22.3605%2010.0927%2022.75%2011.0821%2022.75%2012C22.75%2012.9178%2022.3605%2013.9072%2021.4902%2014.4795L14.0732%2019.3564C13.1987%2019.9314%2012.2001%2019.8388%2011.4541%2019.3193C10.7225%2018.8098%2010.25%2017.9127%2010.25%2016.8769V16.7089L5.3457%2020.2968L5.33691%2020.3037L5.32812%2020.3095L4.91016%2019.7021L4.89648%2019.6826L5.32812%2020.3095C4.39192%2020.9541%203.31852%2020.8489%202.52148%2020.2675C1.74463%2019.7008%201.25%2018.7101%201.25%2017.5732V6.42672C1.25%205.28984%201.74463%204.29913%202.52148%203.73239C3.31852%203.15101%204.39192%203.04579%205.32812%203.69039L4.89648%204.31637L4.90332%204.30856L5.32812%203.69039L5.33691%203.69625L5.3457%203.70309L10.25%207.29V7.12301C10.25%206.08727%2010.7225%205.19012%2011.4541%204.68063ZM11.75%2016.8769C11.75%2017.4576%2012.011%2017.8796%2012.3115%2018.0888C12.5976%2018.2879%2012.9297%2018.3134%2013.249%2018.1035L20.666%2013.2265C21.0242%2012.991%2021.25%2012.5314%2021.25%2012C21.25%2011.4685%2021.0242%2011.0089%2020.666%2010.7734L13.249%205.89645C12.9297%205.6865%2012.5976%205.71202%2012.3115%205.9111C12.011%206.12035%2011.75%206.54234%2011.75%207.12301V16.8769ZM2.75%2017.5732C2.75%2018.2836%203.05621%2018.8009%203.40527%2019.0556C3.73164%2019.2937%204.10515%2019.3243%204.46875%2019.0781L10.25%2014.8496V9.14938L4.46875%204.92086C4.10529%204.67496%203.7315%204.70631%203.40527%204.9443C3.05622%205.19899%202.75%205.71628%202.75%206.42672V17.5732Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.4541%204.68063C12.2001%204.16116%2013.1987%204.06852%2014.0732%204.64352L21.4902%209.52047C22.3605%2010.0927%2022.75%2011.0821%2022.75%2012C22.75%2012.9178%2022.3605%2013.9072%2021.4902%2014.4795L14.0732%2019.3564C13.1987%2019.9314%2012.2001%2019.8388%2011.4541%2019.3193C10.7225%2018.8098%2010.25%2017.9127%2010.25%2016.8769V16.7089L5.3457%2020.2968L5.33691%2020.3037L5.32812%2020.3095L4.91016%2019.7021L4.89648%2019.6826L5.32812%2020.3095C4.39192%2020.9541%203.31852%2020.8489%202.52148%2020.2675C1.74463%2019.7008%201.25%2018.7101%201.25%2017.5732V6.42672C1.25%205.28984%201.74463%204.29913%202.52148%203.73239C3.31852%203.15101%204.39192%203.04579%205.32812%203.69039L4.89648%204.31637L4.90332%204.30856L5.32812%203.69039L5.33691%203.69625L5.3457%203.70309L10.25%207.29V7.12301C10.25%206.08727%2010.7225%205.19012%2011.4541%204.68063ZM11.75%2016.8769C11.75%2017.4576%2012.011%2017.8796%2012.3115%2018.0888C12.5976%2018.2879%2012.9297%2018.3134%2013.249%2018.1035L20.666%2013.2265C21.0242%2012.991%2021.25%2012.5314%2021.25%2012C21.25%2011.4685%2021.0242%2011.0089%2020.666%2010.7734L13.249%205.89645C12.9297%205.6865%2012.5976%205.71202%2012.3115%205.9111C12.011%206.12035%2011.75%206.54234%2011.75%207.12301V16.8769ZM2.75%2017.5732C2.75%2018.2836%203.05621%2018.8009%203.40527%2019.0556C3.73164%2019.2937%204.10515%2019.3243%204.46875%2019.0781L10.25%2014.8496V9.14938L4.46875%204.92086C4.10529%204.67496%203.7315%204.70631%203.40527%204.9443C3.05622%205.19899%202.75%205.71628%202.75%206.42672V17.5732Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/rewind-forward-outline.svg?color=%231a73e8&size=48