replay icon logo

replay-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
replay-icon
Set
SVG Logos
Style
Color
Viewbox
256×289
License
CC0

Use the replay icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 289"><path fill="#f41c52" d="M114.621 56.42L20.201 1.806a13.456 13.456 0 0 0-18.395 4.94A13.5 13.5 0 0 0 0 13.49v109.228a13.5 13.5 0 0 0 6.735 11.684a13.45 13.45 0 0 0 13.467.002l94.42-54.614a13.5 13.5 0 0 0 4.93-4.939a13.507 13.507 0 0 0-4.93-18.431m0 152.103l-94.42-54.614a13.455 13.455 0 0 0-18.395 4.94A13.5 13.5 0 0 0 0 165.596v109.227c0 2.368.624 4.694 1.806 6.745a13.5 13.5 0 0 0 4.93 4.938a13.44 13.44 0 0 0 13.466.002l94.42-54.614a13.5 13.5 0 0 0 4.93-4.938a13.51 13.51 0 0 0-4.93-18.432m134.644-76.037l-94.42-54.613a13.455 13.455 0 0 0-18.395 4.94a13.5 13.5 0 0 0-1.806 6.745v109.227c0 2.368.623 4.694 1.806 6.746a13.5 13.5 0 0 0 4.929 4.937a13.45 13.45 0 0 0 13.466.003l94.42-54.614a13.5 13.5 0 0 0 4.93-4.94a13.52 13.52 0 0 0 0-13.492a13.5 13.5 0 0 0-4.93-4.939"/></svg>

React

import type { SVGProps } from "react";

export function LogosReplayIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 289"><path fill="#f41c52" d="M114.621 56.42L20.201 1.806a13.456 13.456 0 0 0-18.395 4.94A13.5 13.5 0 0 0 0 13.49v109.228a13.5 13.5 0 0 0 6.735 11.684a13.45 13.45 0 0 0 13.467.002l94.42-54.614a13.5 13.5 0 0 0 4.93-4.939a13.507 13.507 0 0 0-4.93-18.431m0 152.103l-94.42-54.614a13.455 13.455 0 0 0-18.395 4.94A13.5 13.5 0 0 0 0 165.596v109.227c0 2.368.624 4.694 1.806 6.745a13.5 13.5 0 0 0 4.93 4.938a13.44 13.44 0 0 0 13.466.002l94.42-54.614a13.5 13.5 0 0 0 4.93-4.938a13.51 13.51 0 0 0-4.93-18.432m134.644-76.037l-94.42-54.613a13.455 13.455 0 0 0-18.395 4.94a13.5 13.5 0 0 0-1.806 6.745v109.227c0 2.368.623 4.694 1.806 6.746a13.5 13.5 0 0 0 4.929 4.937a13.45 13.45 0 0 0 13.466.003l94.42-54.614a13.5 13.5 0 0 0 4.93-4.94a13.52 13.52 0 0 0 0-13.492a13.5 13.5 0 0 0-4.93-4.939"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 289"><path fill="#f41c52" d="M114.621 56.42L20.201 1.806a13.456 13.456 0 0 0-18.395 4.94A13.5 13.5 0 0 0 0 13.49v109.228a13.5 13.5 0 0 0 6.735 11.684a13.45 13.45 0 0 0 13.467.002l94.42-54.614a13.5 13.5 0 0 0 4.93-4.939a13.507 13.507 0 0 0-4.93-18.431m0 152.103l-94.42-54.614a13.455 13.455 0 0 0-18.395 4.94A13.5 13.5 0 0 0 0 165.596v109.227c0 2.368.624 4.694 1.806 6.745a13.5 13.5 0 0 0 4.93 4.938a13.44 13.44 0 0 0 13.466.002l94.42-54.614a13.5 13.5 0 0 0 4.93-4.938a13.51 13.51 0 0 0-4.93-18.432m134.644-76.037l-94.42-54.613a13.455 13.455 0 0 0-18.395 4.94a13.5 13.5 0 0 0-1.806 6.745v109.227c0 2.368.623 4.694 1.806 6.746a13.5 13.5 0 0 0 4.929 4.937a13.45 13.45 0 0 0 13.466.003l94.42-54.614a13.5 13.5 0 0 0 4.93-4.94a13.52 13.52 0 0 0 0-13.492a13.5 13.5 0 0 0-4.93-4.939"/></svg>
</template>

CSS

.icon-replay-icon {
  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%20256%20289%22%3E%3Cpath%20fill%3D%22%23f41c52%22%20d%3D%22M114.621%2056.42L20.201%201.806a13.456%2013.456%200%200%200-18.395%204.94A13.5%2013.5%200%200%200%200%2013.49v109.228a13.5%2013.5%200%200%200%206.735%2011.684a13.45%2013.45%200%200%200%2013.467.002l94.42-54.614a13.5%2013.5%200%200%200%204.93-4.939a13.507%2013.507%200%200%200-4.93-18.431m0%20152.103l-94.42-54.614a13.455%2013.455%200%200%200-18.395%204.94A13.5%2013.5%200%200%200%200%20165.596v109.227c0%202.368.624%204.694%201.806%206.745a13.5%2013.5%200%200%200%204.93%204.938a13.44%2013.44%200%200%200%2013.466.002l94.42-54.614a13.5%2013.5%200%200%200%204.93-4.938a13.51%2013.51%200%200%200-4.93-18.432m134.644-76.037l-94.42-54.613a13.455%2013.455%200%200%200-18.395%204.94a13.5%2013.5%200%200%200-1.806%206.745v109.227c0%202.368.623%204.694%201.806%206.746a13.5%2013.5%200%200%200%204.929%204.937a13.45%2013.45%200%200%200%2013.466.003l94.42-54.614a13.5%2013.5%200%200%200%204.93-4.94a13.52%2013.52%200%200%200%200-13.492a13.5%2013.5%200%200%200-4.93-4.939%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%20256%20289%22%3E%3Cpath%20fill%3D%22%23f41c52%22%20d%3D%22M114.621%2056.42L20.201%201.806a13.456%2013.456%200%200%200-18.395%204.94A13.5%2013.5%200%200%200%200%2013.49v109.228a13.5%2013.5%200%200%200%206.735%2011.684a13.45%2013.45%200%200%200%2013.467.002l94.42-54.614a13.5%2013.5%200%200%200%204.93-4.939a13.507%2013.507%200%200%200-4.93-18.431m0%20152.103l-94.42-54.614a13.455%2013.455%200%200%200-18.395%204.94A13.5%2013.5%200%200%200%200%20165.596v109.227c0%202.368.624%204.694%201.806%206.745a13.5%2013.5%200%200%200%204.93%204.938a13.44%2013.44%200%200%200%2013.466.002l94.42-54.614a13.5%2013.5%200%200%200%204.93-4.938a13.51%2013.51%200%200%200-4.93-18.432m134.644-76.037l-94.42-54.613a13.455%2013.455%200%200%200-18.395%204.94a13.5%2013.5%200%200%200-1.806%206.745v109.227c0%202.368.623%204.694%201.806%206.746a13.5%2013.5%200%200%200%204.929%204.937a13.45%2013.45%200%200%200%2013.466.003l94.42-54.614a13.5%2013.5%200%200%200%204.93-4.94a13.52%2013.52%200%200%200%200-13.492a13.5%2013.5%200%200%200-4.93-4.939%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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