rewind icon

rewind-sharp-fill from Keyline Icons by Keyline Icons · Sharp Fill · MIT Free for personal and commercial use.

Name: rewind-sharp-fill
Set: Keyline Icons
Style: Sharp Fill
Viewbox: 24×24
License: MIT

7 other variants in Keyline Icons

rewind rewind-duotone rewind-fill rewind-sharp rewind-sharp-duotone rewind-sharp-two-tone rewind-two-tone

The same icon in other sets

rewindBootstrap Icons rewindBoxIcons v2 rewindFeather Icons rewind-16-filledFluent UI System Icons rewindHuge Icons rewindHumbleicons rewindIconoir rewindLucide rewindMajesticons rewindMaterial Design Icons rewindMyna UI Icons rewindPhosphor rewind-fillRemix Icon rewind-outlineTeenyicons

Use the rewind icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.4216 18.8137L12.9633 12.8157C12.4012 12.4171 12.4012 11.5829 12.9633 11.1843L21.4216 5.1863C22.0838 4.7167 23 5.1902 23 6.002L23 17.998C23 18.8098 22.0838 19.2833 21.4216 18.8137ZM9.4001 18.7981L1.4001 12.8001C0.8666 12.4001 0.8666 11.5999 1.4001 11.1999L9.4001 5.2019C10.0594 4.7076 11 5.178 11 6.002L11 17.998C11 18.822 10.0594 19.2924 9.4001 18.7981Z"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsRewindSharpFill(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.4216 18.8137L12.9633 12.8157C12.4012 12.4171 12.4012 11.5829 12.9633 11.1843L21.4216 5.1863C22.0838 4.7167 23 5.1902 23 6.002L23 17.998C23 18.8098 22.0838 19.2833 21.4216 18.8137ZM9.4001 18.7981L1.4001 12.8001C0.8666 12.4001 0.8666 11.5999 1.4001 11.1999L9.4001 5.2019C10.0594 4.7076 11 5.178 11 6.002L11 17.998C11 18.822 10.0594 19.2924 9.4001 18.7981Z"/></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.4216 18.8137L12.9633 12.8157C12.4012 12.4171 12.4012 11.5829 12.9633 11.1843L21.4216 5.1863C22.0838 4.7167 23 5.1902 23 6.002L23 17.998C23 18.8098 22.0838 19.2833 21.4216 18.8137ZM9.4001 18.7981L1.4001 12.8001C0.8666 12.4001 0.8666 11.5999 1.4001 11.1999L9.4001 5.2019C10.0594 4.7076 11 5.178 11 6.002L11 17.998C11 18.822 10.0594 19.2924 9.4001 18.7981Z"/></svg>
</template>

CSS

.icon-rewind-sharp-fill {
  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.4216%2018.8137L12.9633%2012.8157C12.4012%2012.4171%2012.4012%2011.5829%2012.9633%2011.1843L21.4216%205.1863C22.0838%204.7167%2023%205.1902%2023%206.002L23%2017.998C23%2018.8098%2022.0838%2019.2833%2021.4216%2018.8137ZM9.4001%2018.7981L1.4001%2012.8001C0.8666%2012.4001%200.8666%2011.5999%201.4001%2011.1999L9.4001%205.2019C10.0594%204.7076%2011%205.178%2011%206.002L11%2017.998C11%2018.822%2010.0594%2019.2924%209.4001%2018.7981Z%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.4216%2018.8137L12.9633%2012.8157C12.4012%2012.4171%2012.4012%2011.5829%2012.9633%2011.1843L21.4216%205.1863C22.0838%204.7167%2023%205.1902%2023%206.002L23%2017.998C23%2018.8098%2022.0838%2019.2833%2021.4216%2018.8137ZM9.4001%2018.7981L1.4001%2012.8001C0.8666%2012.4001%200.8666%2011.5999%201.4001%2011.1999L9.4001%205.2019C10.0594%204.7076%2011%205.178%2011%206.002L11%2017.998C11%2018.822%2010.0594%2019.2924%209.4001%2018.7981Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/rewind-sharp-fill.svg?color=%231a73e8&size=48