Speaker Settings icon
Microsoft uses it in volume & various audio setting scenarios. The Speaker Settings icon is tagged volume, gear and sound. Similar Fluent icons include Speaker Edit, Phone Speaker and Speaker 0.
Every size and style
Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.
Regular, 24 px
ic_fluent_speaker_settings_24_regular.svg
Speaker Settings icon in React
npm install @fluentui/react-icons
import { SpeakerSettings24Regular } from "@fluentui/react-icons";
export function Example() {
return <SpeakerSettings24Regular aria-label="Speaker Settings" />;
}Use the Speaker Settings icon in React
Import SpeakerSettings24Regular and SpeakerSettings24Filled from Microsoft's @fluentui/react-icons package; the code tabs above have this and other platforms. Coding agents can look the component up through the Fluent Icons MCP server.
Details
| Name | Speaker Settings |
|---|---|
| Styles | Regular (outlined), Filled |
| Sizes | 20 px, 24 px, 28 px |
| Regular (outlined) file | ic_fluent_speaker_settings_24_regular.svg |
| Filled file | ic_fluent_speaker_settings_24_filled.svg |
| React (Regular) | SpeakerSettings20Regular, SpeakerSettings24Regular, SpeakerSettings28Regular |
| React (Filled) | SpeakerSettings20Filled, SpeakerSettings24Filled, SpeakerSettings28Filled |
| Font glyph (Regular, 24 px) | U+F708 ·  |
| Font glyph (Filled, 24 px) | U+F711 ·  |
| License | MIT (© Microsoft Corporation) |