av timer icon

av-timer-outline-rounded from Material Symbols by Google · Outline Rounded · Audio & Video · Apache-2.0 Free for personal and commercial use.

Name: av-timer-outline-rounded
Set: Material Symbols
Style: Outline Rounded
Category: Audio & Video
Viewbox: 24×24
License: Apache 2.0

2 other variants in Material Symbols

av-timer av-timer-rounded

The same icon in other sets

av-timerMaterial Symbols Light av-timerMaterial Design Icons

More audio & video icons from Material Symbols

10k 1k 1k-plus 2d 2d-2 2k 2k-plus 30fps 3d 3d-2 3k 3k-plus 4k 4k-plus 5k 5k-plus 60fps 6k 6k-plus 7k 7k-plus 8k 8k-plus 9k

Use the av timer icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.513 20.288q-1.638-.713-2.863-1.938t-1.937-2.863T3 12q0-1.95.75-3.65t2.1-2.925q.3-.275.713-.263t.687.288l5.45 5.45q.275.275.275.7t-.275.7t-.7.275t-.7-.275L6.6 7.6q-.75.9-1.175 2.013T5 12q0 2.9 2.05 4.95T12 19t4.95-2.05T19 12q0-2.675-1.713-4.612T13 5.1V6q0 .425-.288.713T12 7t-.712-.288T11 6V4q0-.425.288-.712T12 3q1.85 0 3.488.713T18.35 5.65t1.938 2.863T21 12t-.712 3.488t-1.938 2.862t-2.863 1.938T12 21t-3.488-.712m-2.225-7.575Q6 12.425 6 12t.288-.712T7 11t.713.288T8 12t-.288.713T7 13t-.712-.288m5 5Q11 17.426 11 17t.288-.712T12 16t.713.288T13 17t-.288.713T12 18t-.712-.288m5-5Q16 12.425 16 12t.288-.712T17 11t.713.288T18 12t-.288.713T17 13t-.712-.288"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsAvTimerOutlineRounded(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="M8.513 20.288q-1.638-.713-2.863-1.938t-1.937-2.863T3 12q0-1.95.75-3.65t2.1-2.925q.3-.275.713-.263t.687.288l5.45 5.45q.275.275.275.7t-.275.7t-.7.275t-.7-.275L6.6 7.6q-.75.9-1.175 2.013T5 12q0 2.9 2.05 4.95T12 19t4.95-2.05T19 12q0-2.675-1.713-4.612T13 5.1V6q0 .425-.288.713T12 7t-.712-.288T11 6V4q0-.425.288-.712T12 3q1.85 0 3.488.713T18.35 5.65t1.938 2.863T21 12t-.712 3.488t-1.938 2.862t-2.863 1.938T12 21t-3.488-.712m-2.225-7.575Q6 12.425 6 12t.288-.712T7 11t.713.288T8 12t-.288.713T7 13t-.712-.288m5 5Q11 17.426 11 17t.288-.712T12 16t.713.288T13 17t-.288.713T12 18t-.712-.288m5-5Q16 12.425 16 12t.288-.712T17 11t.713.288T18 12t-.288.713T17 13t-.712-.288"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.513 20.288q-1.638-.713-2.863-1.938t-1.937-2.863T3 12q0-1.95.75-3.65t2.1-2.925q.3-.275.713-.263t.687.288l5.45 5.45q.275.275.275.7t-.275.7t-.7.275t-.7-.275L6.6 7.6q-.75.9-1.175 2.013T5 12q0 2.9 2.05 4.95T12 19t4.95-2.05T19 12q0-2.675-1.713-4.612T13 5.1V6q0 .425-.288.713T12 7t-.712-.288T11 6V4q0-.425.288-.712T12 3q1.85 0 3.488.713T18.35 5.65t1.938 2.863T21 12t-.712 3.488t-1.938 2.862t-2.863 1.938T12 21t-3.488-.712m-2.225-7.575Q6 12.425 6 12t.288-.712T7 11t.713.288T8 12t-.288.713T7 13t-.712-.288m5 5Q11 17.426 11 17t.288-.712T12 16t.713.288T13 17t-.288.713T12 18t-.712-.288m5-5Q16 12.425 16 12t.288-.712T17 11t.713.288T18 12t-.288.713T17 13t-.712-.288"/></svg>
</template>

CSS

.icon-av-timer-outline-rounded {
  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%22M8.513%2020.288q-1.638-.713-2.863-1.938t-1.937-2.863T3%2012q0-1.95.75-3.65t2.1-2.925q.3-.275.713-.263t.687.288l5.45%205.45q.275.275.275.7t-.275.7t-.7.275t-.7-.275L6.6%207.6q-.75.9-1.175%202.013T5%2012q0%202.9%202.05%204.95T12%2019t4.95-2.05T19%2012q0-2.675-1.713-4.612T13%205.1V6q0%20.425-.288.713T12%207t-.712-.288T11%206V4q0-.425.288-.712T12%203q1.85%200%203.488.713T18.35%205.65t1.938%202.863T21%2012t-.712%203.488t-1.938%202.862t-2.863%201.938T12%2021t-3.488-.712m-2.225-7.575Q6%2012.425%206%2012t.288-.712T7%2011t.713.288T8%2012t-.288.713T7%2013t-.712-.288m5%205Q11%2017.426%2011%2017t.288-.712T12%2016t.713.288T13%2017t-.288.713T12%2018t-.712-.288m5-5Q16%2012.425%2016%2012t.288-.712T17%2011t.713.288T18%2012t-.288.713T17%2013t-.712-.288%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%22M8.513%2020.288q-1.638-.713-2.863-1.938t-1.937-2.863T3%2012q0-1.95.75-3.65t2.1-2.925q.3-.275.713-.263t.687.288l5.45%205.45q.275.275.275.7t-.275.7t-.7.275t-.7-.275L6.6%207.6q-.75.9-1.175%202.013T5%2012q0%202.9%202.05%204.95T12%2019t4.95-2.05T19%2012q0-2.675-1.713-4.612T13%205.1V6q0%20.425-.288.713T12%207t-.712-.288T11%206V4q0-.425.288-.712T12%203q1.85%200%203.488.713T18.35%205.65t1.938%202.863T21%2012t-.712%203.488t-1.938%202.862t-2.863%201.938T12%2021t-3.488-.712m-2.225-7.575Q6%2012.425%206%2012t.288-.712T7%2011t.713.288T8%2012t-.288.713T7%2013t-.712-.288m5%205Q11%2017.426%2011%2017t.288-.712T12%2016t.713.288T13%2017t-.288.713T12%2018t-.712-.288m5-5Q16%2012.425%2016%2012t.288-.712T17%2011t.713.288T18%2012t-.288.713T17%2013t-.712-.288%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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