interpreter mode icon
interpreter-mode from Material Symbols by Google · Regular · Audio & Video · Apache-2.0 Free for personal and commercial use.
- Name
- interpreter-mode
- Set
- Material Symbols
- Style
- Regular
- Category
- Audio & Video
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- interpreter-mode-sharp
3 other variants in Material Symbols
The same icon in other sets
More audio & video icons from Material Symbols
Use the interpreter mode icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.5 16.5q-.625 0-1.062-.437T19 15v-2.5q0-.625.438-1.062T20.5 11t1.063.438T22 12.5V15q0 .625-.437 1.063T20.5 16.5M20 20v-1.55q-1.275-.2-2.137-1.162T17 15h1q0 1.05.725 1.775t1.775.725t1.775-.725T23 15h1q0 1.325-.862 2.287T21 18.45V20zM9 12q-1.65 0-2.825-1.175T5 8t1.175-2.825T9 4q.35 0 .688.05t.662.175q-.65.775-1 1.737T9 8t.35 2.038t1 1.737q-.325.125-.663.175T9 12m-8 8v-2.775q0-.85.425-1.575t1.175-1.1q.95-.5 2.063-.862t2.437-.563q-1 .7-1.55 1.775T5 17.225V20zm11.175-9.175Q11 9.65 11 8t1.175-2.825T15 4t2.825 1.175T19 8t-1.175 2.825T15 12t-2.825-1.175M7 20v-2.775q0-.85.425-1.575t1.175-1.1q1.275-.65 2.888-1.1T15 13q.3 0 .588.013t.562.037q-1.05 1.9-.4 3.95t2.575 3z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsInterpreterMode(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="M20.5 16.5q-.625 0-1.062-.437T19 15v-2.5q0-.625.438-1.062T20.5 11t1.063.438T22 12.5V15q0 .625-.437 1.063T20.5 16.5M20 20v-1.55q-1.275-.2-2.137-1.162T17 15h1q0 1.05.725 1.775t1.775.725t1.775-.725T23 15h1q0 1.325-.862 2.287T21 18.45V20zM9 12q-1.65 0-2.825-1.175T5 8t1.175-2.825T9 4q.35 0 .688.05t.662.175q-.65.775-1 1.737T9 8t.35 2.038t1 1.737q-.325.125-.663.175T9 12m-8 8v-2.775q0-.85.425-1.575t1.175-1.1q.95-.5 2.063-.862t2.437-.563q-1 .7-1.55 1.775T5 17.225V20zm11.175-9.175Q11 9.65 11 8t1.175-2.825T15 4t2.825 1.175T19 8t-1.175 2.825T15 12t-2.825-1.175M7 20v-2.775q0-.85.425-1.575t1.175-1.1q1.275-.65 2.888-1.1T15 13q.3 0 .588.013t.562.037q-1.05 1.9-.4 3.95t2.575 3z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.5 16.5q-.625 0-1.062-.437T19 15v-2.5q0-.625.438-1.062T20.5 11t1.063.438T22 12.5V15q0 .625-.437 1.063T20.5 16.5M20 20v-1.55q-1.275-.2-2.137-1.162T17 15h1q0 1.05.725 1.775t1.775.725t1.775-.725T23 15h1q0 1.325-.862 2.287T21 18.45V20zM9 12q-1.65 0-2.825-1.175T5 8t1.175-2.825T9 4q.35 0 .688.05t.662.175q-.65.775-1 1.737T9 8t.35 2.038t1 1.737q-.325.125-.663.175T9 12m-8 8v-2.775q0-.85.425-1.575t1.175-1.1q.95-.5 2.063-.862t2.437-.563q-1 .7-1.55 1.775T5 17.225V20zm11.175-9.175Q11 9.65 11 8t1.175-2.825T15 4t2.825 1.175T19 8t-1.175 2.825T15 12t-2.825-1.175M7 20v-2.775q0-.85.425-1.575t1.175-1.1q1.275-.65 2.888-1.1T15 13q.3 0 .588.013t.562.037q-1.05 1.9-.4 3.95t2.575 3z"/></svg> </template>
CSS
.icon-interpreter-mode {
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%22M20.5%2016.5q-.625%200-1.062-.437T19%2015v-2.5q0-.625.438-1.062T20.5%2011t1.063.438T22%2012.5V15q0%20.625-.437%201.063T20.5%2016.5M20%2020v-1.55q-1.275-.2-2.137-1.162T17%2015h1q0%201.05.725%201.775t1.775.725t1.775-.725T23%2015h1q0%201.325-.862%202.287T21%2018.45V20zM9%2012q-1.65%200-2.825-1.175T5%208t1.175-2.825T9%204q.35%200%20.688.05t.662.175q-.65.775-1%201.737T9%208t.35%202.038t1%201.737q-.325.125-.663.175T9%2012m-8%208v-2.775q0-.85.425-1.575t1.175-1.1q.95-.5%202.063-.862t2.437-.563q-1%20.7-1.55%201.775T5%2017.225V20zm11.175-9.175Q11%209.65%2011%208t1.175-2.825T15%204t2.825%201.175T19%208t-1.175%202.825T15%2012t-2.825-1.175M7%2020v-2.775q0-.85.425-1.575t1.175-1.1q1.275-.65%202.888-1.1T15%2013q.3%200%20.588.013t.562.037q-1.05%201.9-.4%203.95t2.575%203z%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%22M20.5%2016.5q-.625%200-1.062-.437T19%2015v-2.5q0-.625.438-1.062T20.5%2011t1.063.438T22%2012.5V15q0%20.625-.437%201.063T20.5%2016.5M20%2020v-1.55q-1.275-.2-2.137-1.162T17%2015h1q0%201.05.725%201.775t1.775.725t1.775-.725T23%2015h1q0%201.325-.862%202.287T21%2018.45V20zM9%2012q-1.65%200-2.825-1.175T5%208t1.175-2.825T9%204q.35%200%20.688.05t.662.175q-.65.775-1%201.737T9%208t.35%202.038t1%201.737q-.325.125-.663.175T9%2012m-8%208v-2.775q0-.85.425-1.575t1.175-1.1q.95-.5%202.063-.862t2.437-.563q-1%20.7-1.55%201.775T5%2017.225V20zm11.175-9.175Q11%209.65%2011%208t1.175-2.825T15%204t2.825%201.175T19%208t-1.175%202.825T15%2012t-2.825-1.175M7%2020v-2.775q0-.85.425-1.575t1.175-1.1q1.275-.65%202.888-1.1T15%2013q.3%200%20.588.013t.562.037q-1.05%201.9-.4%203.95t2.575%203z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/interpreter-mode.svg?color=%231a73e8&size=48