replay circle filled icon

replay-circle-filled-outline-sharp from Material Symbols by Google · Outline Sharp · Apache-2.0 Free for personal and commercial use.

Name
replay-circle-filled-outline-sharp
Set
Material Symbols
Style
Outline Sharp
Viewbox
24×24
License
Apache 2.0

5 other variants in Material Symbols

Related icons in Material Symbols

Use the replay circle filled icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 17q-2.075 0-3.537-1.463Q7 14.075 7 12h1.5q0 1.45 1.025 2.475Q10.55 15.5 12 15.5q1.45 0 2.475-1.025Q15.5 13.45 15.5 12q0-1.45-1.025-2.475Q13.45 8.5 12 8.5h-.075l1.225 1.25l-1.05 1.075l-3-3l3-3L13.175 5.9l-1.1 1.1q2.05.05 3.487 1.5Q17 9.95 17 12q0 2.075-1.462 3.537Q14.075 17 12 17Zm0 5q2.075 0 3.9-.788q1.825-.787 3.175-2.137q1.35-1.35 2.137-3.175Q22 14.075 22 12t-.788-3.9q-.787-1.825-2.137-3.175q-1.35-1.35-3.175-2.138Q14.075 2 12 2t-3.9.787q-1.825.788-3.175 2.138q-1.35 1.35-2.137 3.175Q2 9.925 2 12t.788 3.9q.787 1.825 2.137 3.175q1.35 1.35 3.175 2.137Q9.925 22 12 22Zm0-2q-3.35 0-5.675-2.325Q4 15.35 4 12q0-3.35 2.325-5.675Q8.65 4 12 4q3.35 0 5.675 2.325Q20 8.65 20 12q0 3.35-2.325 5.675Q15.35 20 12 20Zm0-8Z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsReplayCircleFilledOutlineSharp(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="M12 17q-2.075 0-3.537-1.463Q7 14.075 7 12h1.5q0 1.45 1.025 2.475Q10.55 15.5 12 15.5q1.45 0 2.475-1.025Q15.5 13.45 15.5 12q0-1.45-1.025-2.475Q13.45 8.5 12 8.5h-.075l1.225 1.25l-1.05 1.075l-3-3l3-3L13.175 5.9l-1.1 1.1q2.05.05 3.487 1.5Q17 9.95 17 12q0 2.075-1.462 3.537Q14.075 17 12 17Zm0 5q2.075 0 3.9-.788q1.825-.787 3.175-2.137q1.35-1.35 2.137-3.175Q22 14.075 22 12t-.788-3.9q-.787-1.825-2.137-3.175q-1.35-1.35-3.175-2.138Q14.075 2 12 2t-3.9.787q-1.825.788-3.175 2.138q-1.35 1.35-2.137 3.175Q2 9.925 2 12t.788 3.9q.787 1.825 2.137 3.175q1.35 1.35 3.175 2.137Q9.925 22 12 22Zm0-2q-3.35 0-5.675-2.325Q4 15.35 4 12q0-3.35 2.325-5.675Q8.65 4 12 4q3.35 0 5.675 2.325Q20 8.65 20 12q0 3.35-2.325 5.675Q15.35 20 12 20Zm0-8Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 17q-2.075 0-3.537-1.463Q7 14.075 7 12h1.5q0 1.45 1.025 2.475Q10.55 15.5 12 15.5q1.45 0 2.475-1.025Q15.5 13.45 15.5 12q0-1.45-1.025-2.475Q13.45 8.5 12 8.5h-.075l1.225 1.25l-1.05 1.075l-3-3l3-3L13.175 5.9l-1.1 1.1q2.05.05 3.487 1.5Q17 9.95 17 12q0 2.075-1.462 3.537Q14.075 17 12 17Zm0 5q2.075 0 3.9-.788q1.825-.787 3.175-2.137q1.35-1.35 2.137-3.175Q22 14.075 22 12t-.788-3.9q-.787-1.825-2.137-3.175q-1.35-1.35-3.175-2.138Q14.075 2 12 2t-3.9.787q-1.825.788-3.175 2.138q-1.35 1.35-2.137 3.175Q2 9.925 2 12t.788 3.9q.787 1.825 2.137 3.175q1.35 1.35 3.175 2.137Q9.925 22 12 22Zm0-2q-3.35 0-5.675-2.325Q4 15.35 4 12q0-3.35 2.325-5.675Q8.65 4 12 4q3.35 0 5.675 2.325Q20 8.65 20 12q0 3.35-2.325 5.675Q15.35 20 12 20Zm0-8Z"/></svg>
</template>

CSS

.icon-replay-circle-filled-outline-sharp {
  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%22M12%2017q-2.075%200-3.537-1.463Q7%2014.075%207%2012h1.5q0%201.45%201.025%202.475Q10.55%2015.5%2012%2015.5q1.45%200%202.475-1.025Q15.5%2013.45%2015.5%2012q0-1.45-1.025-2.475Q13.45%208.5%2012%208.5h-.075l1.225%201.25l-1.05%201.075l-3-3l3-3L13.175%205.9l-1.1%201.1q2.05.05%203.487%201.5Q17%209.95%2017%2012q0%202.075-1.462%203.537Q14.075%2017%2012%2017Zm0%205q2.075%200%203.9-.788q1.825-.787%203.175-2.137q1.35-1.35%202.137-3.175Q22%2014.075%2022%2012t-.788-3.9q-.787-1.825-2.137-3.175q-1.35-1.35-3.175-2.138Q14.075%202%2012%202t-3.9.787q-1.825.788-3.175%202.138q-1.35%201.35-2.137%203.175Q2%209.925%202%2012t.788%203.9q.787%201.825%202.137%203.175q1.35%201.35%203.175%202.137Q9.925%2022%2012%2022Zm0-2q-3.35%200-5.675-2.325Q4%2015.35%204%2012q0-3.35%202.325-5.675Q8.65%204%2012%204q3.35%200%205.675%202.325Q20%208.65%2020%2012q0%203.35-2.325%205.675Q15.35%2020%2012%2020Zm0-8Z%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%22M12%2017q-2.075%200-3.537-1.463Q7%2014.075%207%2012h1.5q0%201.45%201.025%202.475Q10.55%2015.5%2012%2015.5q1.45%200%202.475-1.025Q15.5%2013.45%2015.5%2012q0-1.45-1.025-2.475Q13.45%208.5%2012%208.5h-.075l1.225%201.25l-1.05%201.075l-3-3l3-3L13.175%205.9l-1.1%201.1q2.05.05%203.487%201.5Q17%209.95%2017%2012q0%202.075-1.462%203.537Q14.075%2017%2012%2017Zm0%205q2.075%200%203.9-.788q1.825-.787%203.175-2.137q1.35-1.35%202.137-3.175Q22%2014.075%2022%2012t-.788-3.9q-.787-1.825-2.137-3.175q-1.35-1.35-3.175-2.138Q14.075%202%2012%202t-3.9.787q-1.825.788-3.175%202.138q-1.35%201.35-2.137%203.175Q2%209.925%202%2012t.788%203.9q.787%201.825%202.137%203.175q1.35%201.35%203.175%202.137Q9.925%2022%2012%2022Zm0-2q-3.35%200-5.675-2.325Q4%2015.35%204%2012q0-3.35%202.325-5.675Q8.65%204%2012%204q3.35%200%205.675%202.325Q20%208.65%2020%2012q0%203.35-2.325%205.675Q15.35%2020%2012%2020Zm0-8Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/replay-circle-filled-outline-sharp.svg?color=%231a73e8&size=48

Replay Circle Filled outline sharp icon — Material Symbols · IconsDB