auto detect voice icon
auto-detect-voice from Material Symbols by Google · Regular · Apache-2.0 Free for personal and commercial use.
- Name
- auto-detect-voice
- Set
- Material Symbols
- Style
- Regular
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- auto-detect-voice-sharp
3 other variants in Material Symbols
Related icons in Material Symbols
Use the auto detect voice icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m5 10l-.95-2.05L2 7l2.05-.95L5 4l.95 2.05L8 7l-2.05.95L5 10Zm13-3l-.625-1.375L16 5l1.375-.625L18 3l.625 1.375L20 5l-1.375.625L18 7Zm2 4l-.625-1.375L18 9l1.375-.625L20 7l.625 1.375L22 9l-1.375.625L20 11Zm-8 4q-1.25 0-2.125-.875T9 12V6q0-1.25.875-2.125T12 3q1.25 0 2.125.875T15 6v6q0 1.25-.875 2.125T12 15Zm-1 7v-3.075q-2.6-.35-4.3-2.325T5 12h2q0 2.075 1.463 3.538T12 17q2.075 0 3.538-1.463T17 12h2q0 2.625-1.7 4.6T13 18.925V22h-2Z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsAutoDetectVoice(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="m5 10l-.95-2.05L2 7l2.05-.95L5 4l.95 2.05L8 7l-2.05.95L5 10Zm13-3l-.625-1.375L16 5l1.375-.625L18 3l.625 1.375L20 5l-1.375.625L18 7Zm2 4l-.625-1.375L18 9l1.375-.625L20 7l.625 1.375L22 9l-1.375.625L20 11Zm-8 4q-1.25 0-2.125-.875T9 12V6q0-1.25.875-2.125T12 3q1.25 0 2.125.875T15 6v6q0 1.25-.875 2.125T12 15Zm-1 7v-3.075q-2.6-.35-4.3-2.325T5 12h2q0 2.075 1.463 3.538T12 17q2.075 0 3.538-1.463T17 12h2q0 2.625-1.7 4.6T13 18.925V22h-2Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m5 10l-.95-2.05L2 7l2.05-.95L5 4l.95 2.05L8 7l-2.05.95L5 10Zm13-3l-.625-1.375L16 5l1.375-.625L18 3l.625 1.375L20 5l-1.375.625L18 7Zm2 4l-.625-1.375L18 9l1.375-.625L20 7l.625 1.375L22 9l-1.375.625L20 11Zm-8 4q-1.25 0-2.125-.875T9 12V6q0-1.25.875-2.125T12 3q1.25 0 2.125.875T15 6v6q0 1.25-.875 2.125T12 15Zm-1 7v-3.075q-2.6-.35-4.3-2.325T5 12h2q0 2.075 1.463 3.538T12 17q2.075 0 3.538-1.463T17 12h2q0 2.625-1.7 4.6T13 18.925V22h-2Z"/></svg> </template>
CSS
.icon-auto-detect-voice {
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%22m5%2010l-.95-2.05L2%207l2.05-.95L5%204l.95%202.05L8%207l-2.05.95L5%2010Zm13-3l-.625-1.375L16%205l1.375-.625L18%203l.625%201.375L20%205l-1.375.625L18%207Zm2%204l-.625-1.375L18%209l1.375-.625L20%207l.625%201.375L22%209l-1.375.625L20%2011Zm-8%204q-1.25%200-2.125-.875T9%2012V6q0-1.25.875-2.125T12%203q1.25%200%202.125.875T15%206v6q0%201.25-.875%202.125T12%2015Zm-1%207v-3.075q-2.6-.35-4.3-2.325T5%2012h2q0%202.075%201.463%203.538T12%2017q2.075%200%203.538-1.463T17%2012h2q0%202.625-1.7%204.6T13%2018.925V22h-2Z%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%22m5%2010l-.95-2.05L2%207l2.05-.95L5%204l.95%202.05L8%207l-2.05.95L5%2010Zm13-3l-.625-1.375L16%205l1.375-.625L18%203l.625%201.375L20%205l-1.375.625L18%207Zm2%204l-.625-1.375L18%209l1.375-.625L20%207l.625%201.375L22%209l-1.375.625L20%2011Zm-8%204q-1.25%200-2.125-.875T9%2012V6q0-1.25.875-2.125T12%203q1.25%200%202.125.875T15%206v6q0%201.25-.875%202.125T12%2015Zm-1%207v-3.075q-2.6-.35-4.3-2.325T5%2012h2q0%202.075%201.463%203.538T12%2017q2.075%200%203.538-1.463T17%2012h2q0%202.625-1.7%204.6T13%2018.925V22h-2Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/auto-detect-voice.svg?color=%231a73e8&size=48
