voice selection icon
voice-selection-sharp from Material Symbols by Google · Sharp · Audio & Video · Apache-2.0 Free for personal and commercial use.
- Name
- voice-selection-sharp
- Set
- Material Symbols
- Style
- Sharp
- Category
- Audio & Video
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- voice-selection-outline-sharp
2 other variants in Material Symbols
The same icon in other sets
More audio & video icons from Material Symbols
Use the voice selection icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m16.3 19.15l-1.425-1.4q.525-.525.825-1.212t.3-1.488t-.3-1.487t-.825-1.213l1.425-1.425q.8.8 1.25 1.863T18 15.05t-.45 2.25t-1.25 1.85M19.125 22L17.7 20.575q1.075-1.075 1.688-2.487T20 15.05q0-1.65-.612-3.05T17.7 9.525L19.125 8.1q1.35 1.35 2.113 3.125T22 15.05q0 2.025-.763 3.813T19.126 22M2 22v-2h4.475v-.7q-1.15-.575-1.812-1.662T4 15.275V13h4v-3h2.65L8.1 3.45l1.875-.775l3.2 8.325v1H10v3H6v.275q0 .875.538 1.538T7.9 17.7l.65.075V22z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsVoiceSelectionSharp(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.3 19.15l-1.425-1.4q.525-.525.825-1.212t.3-1.488t-.3-1.487t-.825-1.213l1.425-1.425q.8.8 1.25 1.863T18 15.05t-.45 2.25t-1.25 1.85M19.125 22L17.7 20.575q1.075-1.075 1.688-2.487T20 15.05q0-1.65-.612-3.05T17.7 9.525L19.125 8.1q1.35 1.35 2.113 3.125T22 15.05q0 2.025-.763 3.813T19.126 22M2 22v-2h4.475v-.7q-1.15-.575-1.812-1.662T4 15.275V13h4v-3h2.65L8.1 3.45l1.875-.775l3.2 8.325v1H10v3H6v.275q0 .875.538 1.538T7.9 17.7l.65.075V22z"/></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.3 19.15l-1.425-1.4q.525-.525.825-1.212t.3-1.488t-.3-1.487t-.825-1.213l1.425-1.425q.8.8 1.25 1.863T18 15.05t-.45 2.25t-1.25 1.85M19.125 22L17.7 20.575q1.075-1.075 1.688-2.487T20 15.05q0-1.65-.612-3.05T17.7 9.525L19.125 8.1q1.35 1.35 2.113 3.125T22 15.05q0 2.025-.763 3.813T19.126 22M2 22v-2h4.475v-.7q-1.15-.575-1.812-1.662T4 15.275V13h4v-3h2.65L8.1 3.45l1.875-.775l3.2 8.325v1H10v3H6v.275q0 .875.538 1.538T7.9 17.7l.65.075V22z"/></svg> </template>
CSS
.icon-voice-selection-sharp {
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.3%2019.15l-1.425-1.4q.525-.525.825-1.212t.3-1.488t-.3-1.487t-.825-1.213l1.425-1.425q.8.8%201.25%201.863T18%2015.05t-.45%202.25t-1.25%201.85M19.125%2022L17.7%2020.575q1.075-1.075%201.688-2.487T20%2015.05q0-1.65-.612-3.05T17.7%209.525L19.125%208.1q1.35%201.35%202.113%203.125T22%2015.05q0%202.025-.763%203.813T19.126%2022M2%2022v-2h4.475v-.7q-1.15-.575-1.812-1.662T4%2015.275V13h4v-3h2.65L8.1%203.45l1.875-.775l3.2%208.325v1H10v3H6v.275q0%20.875.538%201.538T7.9%2017.7l.65.075V22z%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.3%2019.15l-1.425-1.4q.525-.525.825-1.212t.3-1.488t-.3-1.487t-.825-1.213l1.425-1.425q.8.8%201.25%201.863T18%2015.05t-.45%202.25t-1.25%201.85M19.125%2022L17.7%2020.575q1.075-1.075%201.688-2.487T20%2015.05q0-1.65-.612-3.05T17.7%209.525L19.125%208.1q1.35%201.35%202.113%203.125T22%2015.05q0%202.025-.763%203.813T19.126%2022M2%2022v-2h4.475v-.7q-1.15-.575-1.812-1.662T4%2015.275V13h4v-3h2.65L8.1%203.45l1.875-.775l3.2%208.325v1H10v3H6v.275q0%20.875.538%201.538T7.9%2017.7l.65.075V22z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/voice-selection-sharp.svg?color=%231a73e8&size=48
