rewind back icon

rewind-back-bold from Solar by 480 Design · Bold · Video · CC-BY-4.0 Attribution required.

Name
rewind-back-bold
Set
Solar
Style
Bold
Category
Video
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

rewind-back-bold-duotonerewind-back-brokenrewind-back-line-duotonerewind-back-linearrewind-back-outline

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

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.9998 17.5737L21.9998 6.42632C21.9998 4.57895 20.3991 3.41122 19.0966 4.30838L13 8.76844L13 7.12303C13 5.50658 11.5327 4.48482 10.3388 5.26983L2.92136 10.1468C1.69288 10.9545 1.69288 13.0455 2.92135 13.8532L10.3388 18.7302C11.5327 19.5152 13 18.4934 13 16.877V15.2316L19.0966 19.6916C20.3991 20.5888 21.9998 19.4211 21.9998 17.5737Z"/></svg>

React

import type { SVGProps } from "react";

export function SolarRewindBackBold(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="M21.9998 17.5737L21.9998 6.42632C21.9998 4.57895 20.3991 3.41122 19.0966 4.30838L13 8.76844L13 7.12303C13 5.50658 11.5327 4.48482 10.3388 5.26983L2.92136 10.1468C1.69288 10.9545 1.69288 13.0455 2.92135 13.8532L10.3388 18.7302C11.5327 19.5152 13 18.4934 13 16.877V15.2316L19.0966 19.6916C20.3991 20.5888 21.9998 19.4211 21.9998 17.5737Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.9998 17.5737L21.9998 6.42632C21.9998 4.57895 20.3991 3.41122 19.0966 4.30838L13 8.76844L13 7.12303C13 5.50658 11.5327 4.48482 10.3388 5.26983L2.92136 10.1468C1.69288 10.9545 1.69288 13.0455 2.92135 13.8532L10.3388 18.7302C11.5327 19.5152 13 18.4934 13 16.877V15.2316L19.0966 19.6916C20.3991 20.5888 21.9998 19.4211 21.9998 17.5737Z"/></svg>
</template>

CSS

.icon-rewind-back-bold {
  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%22M21.9998%2017.5737L21.9998%206.42632C21.9998%204.57895%2020.3991%203.41122%2019.0966%204.30838L13%208.76844L13%207.12303C13%205.50658%2011.5327%204.48482%2010.3388%205.26983L2.92136%2010.1468C1.69288%2010.9545%201.69288%2013.0455%202.92135%2013.8532L10.3388%2018.7302C11.5327%2019.5152%2013%2018.4934%2013%2016.877V15.2316L19.0966%2019.6916C20.3991%2020.5888%2021.9998%2019.4211%2021.9998%2017.5737Z%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%22M21.9998%2017.5737L21.9998%206.42632C21.9998%204.57895%2020.3991%203.41122%2019.0966%204.30838L13%208.76844L13%207.12303C13%205.50658%2011.5327%204.48482%2010.3388%205.26983L2.92136%2010.1468C1.69288%2010.9545%201.69288%2013.0455%202.92135%2013.8532L10.3388%2018.7302C11.5327%2019.5152%2013%2018.4934%2013%2016.877V15.2316L19.0966%2019.6916C20.3991%2020.5888%2021.9998%2019.4211%2021.9998%2017.5737Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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