record voice over icon

record-voice-over from Material Symbols Light by Google · Regular · Actions · Apache-2.0 Free for personal and commercial use.

Name: record-voice-over
Set: Material Symbols Light
Style: Regular
Category: Actions
Viewbox: 24×24
License: Apache 2.0
Aliases: record-voice-over-sharp

3 other variants in Material Symbols Light

record-voice-over-outline record-voice-over-outline-rounded record-voice-over-rounded

The same icon in other sets

record-voice-overMaterial Symbols

More actions icons from Material Symbols Light

Use the record voice over icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m19.739 14.989l-.743-.743q1.043-1.025 1.639-2.377T21.23 9t-.596-2.863q-.596-1.346-1.639-2.371l.743-.755q1.169 1.152 1.859 2.702T22.288 9t-.69 3.287t-1.86 2.701m-3.315-3.315l-.754-.754q.392-.386.62-.876T16.515 9q0-.592-.227-1.062t-.619-.857l.754-.754q.53.514.846 1.188T17.585 9q0 .773-.316 1.466q-.315.694-.846 1.207M8.712 12q-1.247 0-2.124-.877T5.711 9t.877-2.123T8.712 6t2.123.877T11.712 9t-.877 2.123T8.711 12m-7 7.23v-1.645q0-.69.348-1.194q.349-.504.983-.802q1.217-.593 2.702-.975q1.485-.383 2.967-.383t2.968.383q1.484.382 2.702.975q.634.298.982.802q.348.503.348 1.194v1.646z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightRecordVoiceOver(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="m19.739 14.989l-.743-.743q1.043-1.025 1.639-2.377T21.23 9t-.596-2.863q-.596-1.346-1.639-2.371l.743-.755q1.169 1.152 1.859 2.702T22.288 9t-.69 3.287t-1.86 2.701m-3.315-3.315l-.754-.754q.392-.386.62-.876T16.515 9q0-.592-.227-1.062t-.619-.857l.754-.754q.53.514.846 1.188T17.585 9q0 .773-.316 1.466q-.315.694-.846 1.207M8.712 12q-1.247 0-2.124-.877T5.711 9t.877-2.123T8.712 6t2.123.877T11.712 9t-.877 2.123T8.711 12m-7 7.23v-1.645q0-.69.348-1.194q.349-.504.983-.802q1.217-.593 2.702-.975q1.485-.383 2.967-.383t2.968.383q1.484.382 2.702.975q.634.298.982.802q.348.503.348 1.194v1.646z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m19.739 14.989l-.743-.743q1.043-1.025 1.639-2.377T21.23 9t-.596-2.863q-.596-1.346-1.639-2.371l.743-.755q1.169 1.152 1.859 2.702T22.288 9t-.69 3.287t-1.86 2.701m-3.315-3.315l-.754-.754q.392-.386.62-.876T16.515 9q0-.592-.227-1.062t-.619-.857l.754-.754q.53.514.846 1.188T17.585 9q0 .773-.316 1.466q-.315.694-.846 1.207M8.712 12q-1.247 0-2.124-.877T5.711 9t.877-2.123T8.712 6t2.123.877T11.712 9t-.877 2.123T8.711 12m-7 7.23v-1.645q0-.69.348-1.194q.349-.504.983-.802q1.217-.593 2.702-.975q1.485-.383 2.967-.383t2.968.383q1.484.382 2.702.975q.634.298.982.802q.348.503.348 1.194v1.646z"/></svg>
</template>

CSS

.icon-record-voice-over {
  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%22m19.739%2014.989l-.743-.743q1.043-1.025%201.639-2.377T21.23%209t-.596-2.863q-.596-1.346-1.639-2.371l.743-.755q1.169%201.152%201.859%202.702T22.288%209t-.69%203.287t-1.86%202.701m-3.315-3.315l-.754-.754q.392-.386.62-.876T16.515%209q0-.592-.227-1.062t-.619-.857l.754-.754q.53.514.846%201.188T17.585%209q0%20.773-.316%201.466q-.315.694-.846%201.207M8.712%2012q-1.247%200-2.124-.877T5.711%209t.877-2.123T8.712%206t2.123.877T11.712%209t-.877%202.123T8.711%2012m-7%207.23v-1.645q0-.69.348-1.194q.349-.504.983-.802q1.217-.593%202.702-.975q1.485-.383%202.967-.383t2.968.383q1.484.382%202.702.975q.634.298.982.802q.348.503.348%201.194v1.646z%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%22m19.739%2014.989l-.743-.743q1.043-1.025%201.639-2.377T21.23%209t-.596-2.863q-.596-1.346-1.639-2.371l.743-.755q1.169%201.152%201.859%202.702T22.288%209t-.69%203.287t-1.86%202.701m-3.315-3.315l-.754-.754q.392-.386.62-.876T16.515%209q0-.592-.227-1.062t-.619-.857l.754-.754q.53.514.846%201.188T17.585%209q0%20.773-.316%201.466q-.315.694-.846%201.207M8.712%2012q-1.247%200-2.124-.877T5.711%209t.877-2.123T8.712%206t2.123.877T11.712%209t-.877%202.123T8.711%2012m-7%207.23v-1.645q0-.69.348-1.194q.349-.504.983-.802q1.217-.593%202.702-.975q1.485-.383%202.967-.383t2.968.383q1.484.382%202.702.975q.634.298.982.802q.348.503.348%201.194v1.646z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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