transcribe icon
transcribe-outline from Material Symbols Light by Google · Outline · Apache-2.0 Free for personal and commercial use.
- Name
- transcribe-outline
- Set
- Material Symbols Light
- Style
- Outline
- Viewbox
- 24×24
- License
- Apache 2.0
3 other variants in Material Symbols Light
The same icon in other sets
Use the transcribe icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.07 14.989q-1.171-1.145-1.861-2.699t-.69-3.293t.69-3.287q.691-1.547 1.86-2.699l.742.754Q17.77 4.79 17.173 6.136t-.596 2.866t.596 2.869t1.638 2.375zm3.315-3.316q-.531-.513-.846-1.207q-.316-.693-.316-1.466q0-.812.316-1.485q.315-.674.846-1.188l.754.754q-.393.386-.62.856T21.292 9q0 .554.227 1.043t.62.876zM8.71 12q-1.237 0-2.118-.881T5.712 9t.88-2.119T8.713 6t2.118.881T11.712 9t-.882 2.119T8.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.646zm1-1h12v-.646q0-.409-.233-.672q-.234-.264-.574-.446q-.938-.489-2.351-.862q-1.412-.373-2.841-.373t-2.842.373t-2.35.862q-.341.182-.575.446q-.234.263-.234.673zm6-7.23q.825 0 1.413-.587T10.711 9t-.587-1.412T8.711 7T7.3 7.588T6.711 9t.588 1.413T8.711 11m0 7.23"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightTranscribeOutline(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="M18.07 14.989q-1.171-1.145-1.861-2.699t-.69-3.293t.69-3.287q.691-1.547 1.86-2.699l.742.754Q17.77 4.79 17.173 6.136t-.596 2.866t.596 2.869t1.638 2.375zm3.315-3.316q-.531-.513-.846-1.207q-.316-.693-.316-1.466q0-.812.316-1.485q.315-.674.846-1.188l.754.754q-.393.386-.62.856T21.292 9q0 .554.227 1.043t.62.876zM8.71 12q-1.237 0-2.118-.881T5.712 9t.88-2.119T8.713 6t2.118.881T11.712 9t-.882 2.119T8.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.646zm1-1h12v-.646q0-.409-.233-.672q-.234-.264-.574-.446q-.938-.489-2.351-.862q-1.412-.373-2.841-.373t-2.842.373t-2.35.862q-.341.182-.575.446q-.234.263-.234.673zm6-7.23q.825 0 1.413-.587T10.711 9t-.587-1.412T8.711 7T7.3 7.588T6.711 9t.588 1.413T8.711 11m0 7.23"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.07 14.989q-1.171-1.145-1.861-2.699t-.69-3.293t.69-3.287q.691-1.547 1.86-2.699l.742.754Q17.77 4.79 17.173 6.136t-.596 2.866t.596 2.869t1.638 2.375zm3.315-3.316q-.531-.513-.846-1.207q-.316-.693-.316-1.466q0-.812.316-1.485q.315-.674.846-1.188l.754.754q-.393.386-.62.856T21.292 9q0 .554.227 1.043t.62.876zM8.71 12q-1.237 0-2.118-.881T5.712 9t.88-2.119T8.713 6t2.118.881T11.712 9t-.882 2.119T8.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.646zm1-1h12v-.646q0-.409-.233-.672q-.234-.264-.574-.446q-.938-.489-2.351-.862q-1.412-.373-2.841-.373t-2.842.373t-2.35.862q-.341.182-.575.446q-.234.263-.234.673zm6-7.23q.825 0 1.413-.587T10.711 9t-.587-1.412T8.711 7T7.3 7.588T6.711 9t.588 1.413T8.711 11m0 7.23"/></svg> </template>
CSS
.icon-transcribe-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%22M18.07%2014.989q-1.171-1.145-1.861-2.699t-.69-3.293t.69-3.287q.691-1.547%201.86-2.699l.742.754Q17.77%204.79%2017.173%206.136t-.596%202.866t.596%202.869t1.638%202.375zm3.315-3.316q-.531-.513-.846-1.207q-.316-.693-.316-1.466q0-.812.316-1.485q.315-.674.846-1.188l.754.754q-.393.386-.62.856T21.292%209q0%20.554.227%201.043t.62.876zM8.71%2012q-1.237%200-2.118-.881T5.712%209t.88-2.119T8.713%206t2.118.881T11.712%209t-.882%202.119T8.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.646zm1-1h12v-.646q0-.409-.233-.672q-.234-.264-.574-.446q-.938-.489-2.351-.862q-1.412-.373-2.841-.373t-2.842.373t-2.35.862q-.341.182-.575.446q-.234.263-.234.673zm6-7.23q.825%200%201.413-.587T10.711%209t-.587-1.412T8.711%207T7.3%207.588T6.711%209t.588%201.413T8.711%2011m0%207.23%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%22M18.07%2014.989q-1.171-1.145-1.861-2.699t-.69-3.293t.69-3.287q.691-1.547%201.86-2.699l.742.754Q17.77%204.79%2017.173%206.136t-.596%202.866t.596%202.869t1.638%202.375zm3.315-3.316q-.531-.513-.846-1.207q-.316-.693-.316-1.466q0-.812.316-1.485q.315-.674.846-1.188l.754.754q-.393.386-.62.856T21.292%209q0%20.554.227%201.043t.62.876zM8.71%2012q-1.237%200-2.118-.881T5.712%209t.88-2.119T8.713%206t2.118.881T11.712%209t-.882%202.119T8.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.646zm1-1h12v-.646q0-.409-.233-.672q-.234-.264-.574-.446q-.938-.489-2.351-.862q-1.412-.373-2.841-.373t-2.842.373t-2.35.862q-.341.182-.575.446q-.234.263-.234.673zm6-7.23q.825%200%201.413-.587T10.711%209t-.587-1.412T8.711%207T7.3%207.588T6.711%209t.588%201.413T8.711%2011m0%207.23%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/transcribe-outline.svg?color=%231a73e8&size=48
