av timer icon

av-timer from Material Symbols Light by Google · Regular · Audio & Video · Apache-2.0 Free for personal and commercial use.

Name: av-timer
Set: Material Symbols Light
Style: Regular
Category: Audio & Video
Viewbox: 24×24
License: Apache 2.0
Aliases: av-timer-outline, av-timer-outline-sharp, av-timer-sharp

2 other variants in Material Symbols Light

av-timer-outline-rounded av-timer-rounded

The same icon in other sets

av-timerMaterial Symbols av-timerMaterial Design Icons

More audio & video icons from Material Symbols Light

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.888 19.374q-1.455-.626-2.546-1.716t-1.716-2.55T4 12q0-.965.212-1.849q.211-.884.59-1.671q.379-.788.916-1.46q.538-.672 1.19-1.22l6.107 6.108l-.707.708l-5.4-5.4q-.789.88-1.349 2.05T5 12q0 2.9 2.05 4.95T12 19t4.95-2.05T19 12q0-2.617-1.76-4.651T12.5 5.023V7h-1V4h.5q1.649 0 3.108.626t2.55 1.716t1.716 2.55T20 12t-.626 3.108t-1.716 2.55t-2.546 1.716T12 20t-3.113-.626m-2.436-6.826q-.22-.222-.22-.55t.221-.547t.55-.22t.547.221t.22.55t-.221.547t-.55.22t-.547-.221m5 5q-.22-.222-.22-.55t.221-.547t.55-.22t.547.221t.22.55t-.221.547t-.55.22t-.547-.221m5-5q-.22-.222-.22-.55t.221-.547t.55-.22t.547.221t.22.55t-.221.547t-.55.22t-.547-.221"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightAvTimer(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.888 19.374q-1.455-.626-2.546-1.716t-1.716-2.55T4 12q0-.965.212-1.849q.211-.884.59-1.671q.379-.788.916-1.46q.538-.672 1.19-1.22l6.107 6.108l-.707.708l-5.4-5.4q-.789.88-1.349 2.05T5 12q0 2.9 2.05 4.95T12 19t4.95-2.05T19 12q0-2.617-1.76-4.651T12.5 5.023V7h-1V4h.5q1.649 0 3.108.626t2.55 1.716t1.716 2.55T20 12t-.626 3.108t-1.716 2.55t-2.546 1.716T12 20t-3.113-.626m-2.436-6.826q-.22-.222-.22-.55t.221-.547t.55-.22t.547.221t.22.55t-.221.547t-.55.22t-.547-.221m5 5q-.22-.222-.22-.55t.221-.547t.55-.22t.547.221t.22.55t-.221.547t-.55.22t-.547-.221m5-5q-.22-.222-.22-.55t.221-.547t.55-.22t.547.221t.22.55t-.221.547t-.55.22t-.547-.221"/></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.888 19.374q-1.455-.626-2.546-1.716t-1.716-2.55T4 12q0-.965.212-1.849q.211-.884.59-1.671q.379-.788.916-1.46q.538-.672 1.19-1.22l6.107 6.108l-.707.708l-5.4-5.4q-.789.88-1.349 2.05T5 12q0 2.9 2.05 4.95T12 19t4.95-2.05T19 12q0-2.617-1.76-4.651T12.5 5.023V7h-1V4h.5q1.649 0 3.108.626t2.55 1.716t1.716 2.55T20 12t-.626 3.108t-1.716 2.55t-2.546 1.716T12 20t-3.113-.626m-2.436-6.826q-.22-.222-.22-.55t.221-.547t.55-.22t.547.221t.22.55t-.221.547t-.55.22t-.547-.221m5 5q-.22-.222-.22-.55t.221-.547t.55-.22t.547.221t.22.55t-.221.547t-.55.22t-.547-.221m5-5q-.22-.222-.22-.55t.221-.547t.55-.22t.547.221t.22.55t-.221.547t-.55.22t-.547-.221"/></svg>
</template>

CSS

.icon-av-timer {
  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.888%2019.374q-1.455-.626-2.546-1.716t-1.716-2.55T4%2012q0-.965.212-1.849q.211-.884.59-1.671q.379-.788.916-1.46q.538-.672%201.19-1.22l6.107%206.108l-.707.708l-5.4-5.4q-.789.88-1.349%202.05T5%2012q0%202.9%202.05%204.95T12%2019t4.95-2.05T19%2012q0-2.617-1.76-4.651T12.5%205.023V7h-1V4h.5q1.649%200%203.108.626t2.55%201.716t1.716%202.55T20%2012t-.626%203.108t-1.716%202.55t-2.546%201.716T12%2020t-3.113-.626m-2.436-6.826q-.22-.222-.22-.55t.221-.547t.55-.22t.547.221t.22.55t-.221.547t-.55.22t-.547-.221m5%205q-.22-.222-.22-.55t.221-.547t.55-.22t.547.221t.22.55t-.221.547t-.55.22t-.547-.221m5-5q-.22-.222-.22-.55t.221-.547t.55-.22t.547.221t.22.55t-.221.547t-.55.22t-.547-.221%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.888%2019.374q-1.455-.626-2.546-1.716t-1.716-2.55T4%2012q0-.965.212-1.849q.211-.884.59-1.671q.379-.788.916-1.46q.538-.672%201.19-1.22l6.107%206.108l-.707.708l-5.4-5.4q-.789.88-1.349%202.05T5%2012q0%202.9%202.05%204.95T12%2019t4.95-2.05T19%2012q0-2.617-1.76-4.651T12.5%205.023V7h-1V4h.5q1.649%200%203.108.626t2.55%201.716t1.716%202.55T20%2012t-.626%203.108t-1.716%202.55t-2.546%201.716T12%2020t-3.113-.626m-2.436-6.826q-.22-.222-.22-.55t.221-.547t.55-.22t.547.221t.22.55t-.221.547t-.55.22t-.547-.221m5%205q-.22-.222-.22-.55t.221-.547t.55-.22t.547.221t.22.55t-.221.547t-.55.22t-.547-.221m5-5q-.22-.222-.22-.55t.221-.547t.55-.22t.547.221t.22.55t-.221.547t-.55.22t-.547-.221%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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