replay circle filled icon

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

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

5 other variants in Material Symbols

replay-circle-filled replay-circle-filled-outline-rounded replay-circle-filled-outline-sharp replay-circle-filled-rounded replay-circle-filled-sharp

Related icons in Material Symbols

replay-10 replay-30 replay-5

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.538-1.463T7 12h1.5q0 1.45 1.025 2.475T12 15.5q1.45 0 2.475-1.025T15.5 12q0-1.45-1.025-2.475T12 8.5h-.075l1.225 1.25l-1.05 1.075l-3-3l3-3L13.175 5.9l-1.1 1.1q2.05.05 3.488 1.5T17 12q0 2.075-1.463 3.538T12 17Zm0 5q2.075 0 3.9-.788t3.175-2.137q1.35-1.35 2.138-3.175T22 12q0-2.075-.788-3.9t-2.137-3.175q-1.35-1.35-3.175-2.137T12 2q-2.075 0-3.9.788T4.925 4.925Q3.575 6.275 2.788 8.1T2 12q0 2.075.788 3.9t2.137 3.175q1.35 1.35 3.175 2.138T12 22Zm0-2q-3.35 0-5.675-2.325T4 12q0-3.35 2.325-5.675T12 4q3.35 0 5.675 2.325T20 12q0 3.35-2.325 5.675T12 20Zm0-8Z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsReplayCircleFilledOutline(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.538-1.463T7 12h1.5q0 1.45 1.025 2.475T12 15.5q1.45 0 2.475-1.025T15.5 12q0-1.45-1.025-2.475T12 8.5h-.075l1.225 1.25l-1.05 1.075l-3-3l3-3L13.175 5.9l-1.1 1.1q2.05.05 3.488 1.5T17 12q0 2.075-1.463 3.538T12 17Zm0 5q2.075 0 3.9-.788t3.175-2.137q1.35-1.35 2.138-3.175T22 12q0-2.075-.788-3.9t-2.137-3.175q-1.35-1.35-3.175-2.137T12 2q-2.075 0-3.9.788T4.925 4.925Q3.575 6.275 2.788 8.1T2 12q0 2.075.788 3.9t2.137 3.175q1.35 1.35 3.175 2.138T12 22Zm0-2q-3.35 0-5.675-2.325T4 12q0-3.35 2.325-5.675T12 4q3.35 0 5.675 2.325T20 12q0 3.35-2.325 5.675T12 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.538-1.463T7 12h1.5q0 1.45 1.025 2.475T12 15.5q1.45 0 2.475-1.025T15.5 12q0-1.45-1.025-2.475T12 8.5h-.075l1.225 1.25l-1.05 1.075l-3-3l3-3L13.175 5.9l-1.1 1.1q2.05.05 3.488 1.5T17 12q0 2.075-1.463 3.538T12 17Zm0 5q2.075 0 3.9-.788t3.175-2.137q1.35-1.35 2.138-3.175T22 12q0-2.075-.788-3.9t-2.137-3.175q-1.35-1.35-3.175-2.137T12 2q-2.075 0-3.9.788T4.925 4.925Q3.575 6.275 2.788 8.1T2 12q0 2.075.788 3.9t2.137 3.175q1.35 1.35 3.175 2.138T12 22Zm0-2q-3.35 0-5.675-2.325T4 12q0-3.35 2.325-5.675T12 4q3.35 0 5.675 2.325T20 12q0 3.35-2.325 5.675T12 20Zm0-8Z"/></svg>
</template>

CSS

.icon-replay-circle-filled-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%22M12%2017q-2.075%200-3.538-1.463T7%2012h1.5q0%201.45%201.025%202.475T12%2015.5q1.45%200%202.475-1.025T15.5%2012q0-1.45-1.025-2.475T12%208.5h-.075l1.225%201.25l-1.05%201.075l-3-3l3-3L13.175%205.9l-1.1%201.1q2.05.05%203.488%201.5T17%2012q0%202.075-1.463%203.538T12%2017Zm0%205q2.075%200%203.9-.788t3.175-2.137q1.35-1.35%202.138-3.175T22%2012q0-2.075-.788-3.9t-2.137-3.175q-1.35-1.35-3.175-2.137T12%202q-2.075%200-3.9.788T4.925%204.925Q3.575%206.275%202.788%208.1T2%2012q0%202.075.788%203.9t2.137%203.175q1.35%201.35%203.175%202.138T12%2022Zm0-2q-3.35%200-5.675-2.325T4%2012q0-3.35%202.325-5.675T12%204q3.35%200%205.675%202.325T20%2012q0%203.35-2.325%205.675T12%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.538-1.463T7%2012h1.5q0%201.45%201.025%202.475T12%2015.5q1.45%200%202.475-1.025T15.5%2012q0-1.45-1.025-2.475T12%208.5h-.075l1.225%201.25l-1.05%201.075l-3-3l3-3L13.175%205.9l-1.1%201.1q2.05.05%203.488%201.5T17%2012q0%202.075-1.463%203.538T12%2017Zm0%205q2.075%200%203.9-.788t3.175-2.137q1.35-1.35%202.138-3.175T22%2012q0-2.075-.788-3.9t-2.137-3.175q-1.35-1.35-3.175-2.137T12%202q-2.075%200-3.9.788T4.925%204.925Q3.575%206.275%202.788%208.1T2%2012q0%202.075.788%203.9t2.137%203.175q1.35%201.35%203.175%202.138T12%2022Zm0-2q-3.35%200-5.675-2.325T4%2012q0-3.35%202.325-5.675T12%204q3.35%200%205.675%202.325T20%2012q0%203.35-2.325%205.675T12%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.svg?color=%231a73e8&size=48