speech to text icon

speech-to-text-rounded from Material Symbols Light by Google · Rounded · Audio & Video · Apache-2.0 Free for personal and commercial use.

Name: speech-to-text-rounded
Set: Material Symbols Light
Style: Rounded
Category: Audio & Video
Viewbox: 24×24
License: Apache 2.0
Aliases: speech-to-text-outline-rounded

2 other variants in Material Symbols Light

speech-to-text speech-to-text-sharp

The same icon in other sets

speech-to-textHuge Icons speech-to-textMaterial Symbols speech-to-text-fillRemix Icon

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 speech to text icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.504 9.885q-.618 0-1.06-.432T15 8.385V4q0-.638.44-1.069q.442-.431 1.06-.431q.639 0 1.07.431T18 4v4.385q0 .637-.43 1.068t-1.066.431M5.616 21q-.667 0-1.141-.475T4 19.386V4.615q0-.666.475-1.14T5.615 3H12q.213 0 .356.144t.144.357t-.144.356T12 4H5.616q-.27 0-.443.173T5 4.616v14.769q0 .269.173.442t.443.173h9.769q.269 0 .442-.173t.173-.443v-1.153q0-.213.144-.357t.357-.143t.356.143t.143.357v1.153q0 .667-.475 1.141t-1.14.475zm7.269-3.27h-4.77q-.261 0-.438-.181q-.177-.182-.177-.433q0-.252.177-.434t.439-.182h4.769q.261 0 .438.182t.177.434t-.177.433t-.438.182m-1.885-3H8q-.213 0-.356-.144q-.144-.144-.144-.357t.144-.356t.356-.143h3q.213 0 .356.144t.144.357t-.144.356t-.356.143M16.493 12q1.488 0 2.603-.851t1.35-2.195q.048-.233.197-.401t.36-.168t.354.174t.1.407q-.215 1.65-1.479 2.748T17 12.977V15q0 .213-.144.356t-.357.144t-.356-.144T16 15v-2.023q-1.689-.165-2.956-1.263t-1.502-2.71q-.042-.252.092-.436q.133-.183.356-.183t.37.168t.194.4q.234 1.345 1.358 2.196t2.581.851"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightSpeechToTextRounded(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="M16.504 9.885q-.618 0-1.06-.432T15 8.385V4q0-.638.44-1.069q.442-.431 1.06-.431q.639 0 1.07.431T18 4v4.385q0 .637-.43 1.068t-1.066.431M5.616 21q-.667 0-1.141-.475T4 19.386V4.615q0-.666.475-1.14T5.615 3H12q.213 0 .356.144t.144.357t-.144.356T12 4H5.616q-.27 0-.443.173T5 4.616v14.769q0 .269.173.442t.443.173h9.769q.269 0 .442-.173t.173-.443v-1.153q0-.213.144-.357t.357-.143t.356.143t.143.357v1.153q0 .667-.475 1.141t-1.14.475zm7.269-3.27h-4.77q-.261 0-.438-.181q-.177-.182-.177-.433q0-.252.177-.434t.439-.182h4.769q.261 0 .438.182t.177.434t-.177.433t-.438.182m-1.885-3H8q-.213 0-.356-.144q-.144-.144-.144-.357t.144-.356t.356-.143h3q.213 0 .356.144t.144.357t-.144.356t-.356.143M16.493 12q1.488 0 2.603-.851t1.35-2.195q.048-.233.197-.401t.36-.168t.354.174t.1.407q-.215 1.65-1.479 2.748T17 12.977V15q0 .213-.144.356t-.357.144t-.356-.144T16 15v-2.023q-1.689-.165-2.956-1.263t-1.502-2.71q-.042-.252.092-.436q.133-.183.356-.183t.37.168t.194.4q.234 1.345 1.358 2.196t2.581.851"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.504 9.885q-.618 0-1.06-.432T15 8.385V4q0-.638.44-1.069q.442-.431 1.06-.431q.639 0 1.07.431T18 4v4.385q0 .637-.43 1.068t-1.066.431M5.616 21q-.667 0-1.141-.475T4 19.386V4.615q0-.666.475-1.14T5.615 3H12q.213 0 .356.144t.144.357t-.144.356T12 4H5.616q-.27 0-.443.173T5 4.616v14.769q0 .269.173.442t.443.173h9.769q.269 0 .442-.173t.173-.443v-1.153q0-.213.144-.357t.357-.143t.356.143t.143.357v1.153q0 .667-.475 1.141t-1.14.475zm7.269-3.27h-4.77q-.261 0-.438-.181q-.177-.182-.177-.433q0-.252.177-.434t.439-.182h4.769q.261 0 .438.182t.177.434t-.177.433t-.438.182m-1.885-3H8q-.213 0-.356-.144q-.144-.144-.144-.357t.144-.356t.356-.143h3q.213 0 .356.144t.144.357t-.144.356t-.356.143M16.493 12q1.488 0 2.603-.851t1.35-2.195q.048-.233.197-.401t.36-.168t.354.174t.1.407q-.215 1.65-1.479 2.748T17 12.977V15q0 .213-.144.356t-.357.144t-.356-.144T16 15v-2.023q-1.689-.165-2.956-1.263t-1.502-2.71q-.042-.252.092-.436q.133-.183.356-.183t.37.168t.194.4q.234 1.345 1.358 2.196t2.581.851"/></svg>
</template>

CSS

.icon-speech-to-text-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%22M16.504%209.885q-.618%200-1.06-.432T15%208.385V4q0-.638.44-1.069q.442-.431%201.06-.431q.639%200%201.07.431T18%204v4.385q0%20.637-.43%201.068t-1.066.431M5.616%2021q-.667%200-1.141-.475T4%2019.386V4.615q0-.666.475-1.14T5.615%203H12q.213%200%20.356.144t.144.357t-.144.356T12%204H5.616q-.27%200-.443.173T5%204.616v14.769q0%20.269.173.442t.443.173h9.769q.269%200%20.442-.173t.173-.443v-1.153q0-.213.144-.357t.357-.143t.356.143t.143.357v1.153q0%20.667-.475%201.141t-1.14.475zm7.269-3.27h-4.77q-.261%200-.438-.181q-.177-.182-.177-.433q0-.252.177-.434t.439-.182h4.769q.261%200%20.438.182t.177.434t-.177.433t-.438.182m-1.885-3H8q-.213%200-.356-.144q-.144-.144-.144-.357t.144-.356t.356-.143h3q.213%200%20.356.144t.144.357t-.144.356t-.356.143M16.493%2012q1.488%200%202.603-.851t1.35-2.195q.048-.233.197-.401t.36-.168t.354.174t.1.407q-.215%201.65-1.479%202.748T17%2012.977V15q0%20.213-.144.356t-.357.144t-.356-.144T16%2015v-2.023q-1.689-.165-2.956-1.263t-1.502-2.71q-.042-.252.092-.436q.133-.183.356-.183t.37.168t.194.4q.234%201.345%201.358%202.196t2.581.851%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%22M16.504%209.885q-.618%200-1.06-.432T15%208.385V4q0-.638.44-1.069q.442-.431%201.06-.431q.639%200%201.07.431T18%204v4.385q0%20.637-.43%201.068t-1.066.431M5.616%2021q-.667%200-1.141-.475T4%2019.386V4.615q0-.666.475-1.14T5.615%203H12q.213%200%20.356.144t.144.357t-.144.356T12%204H5.616q-.27%200-.443.173T5%204.616v14.769q0%20.269.173.442t.443.173h9.769q.269%200%20.442-.173t.173-.443v-1.153q0-.213.144-.357t.357-.143t.356.143t.143.357v1.153q0%20.667-.475%201.141t-1.14.475zm7.269-3.27h-4.77q-.261%200-.438-.181q-.177-.182-.177-.433q0-.252.177-.434t.439-.182h4.769q.261%200%20.438.182t.177.434t-.177.433t-.438.182m-1.885-3H8q-.213%200-.356-.144q-.144-.144-.144-.357t.144-.356t.356-.143h3q.213%200%20.356.144t.144.357t-.144.356t-.356.143M16.493%2012q1.488%200%202.603-.851t1.35-2.195q.048-.233.197-.401t.36-.168t.354.174t.1.407q-.215%201.65-1.479%202.748T17%2012.977V15q0%20.213-.144.356t-.357.144t-.356-.144T16%2015v-2.023q-1.689-.165-2.956-1.263t-1.502-2.71q-.042-.252.092-.436q.133-.183.356-.183t.37.168t.194.4q.234%201.345%201.358%202.196t2.581.851%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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