speaker icon
speaker-28-regular from Fluent UI System Icons by Microsoft Corporation · 28 Regular · MIT Free for personal and commercial use.
- Name
- speaker-28-regular
- Set
- Fluent UI System Icons
- Style
- 28 Regular
- Viewbox
- 28×28
- License
- MIT
9 other variants in Fluent UI System Icons
The same icon in other sets
speakerBootstrap IconsspeakerBoxIcons v2speakerBoxIcons v2 Solidspeaker-fillEva IconsspeakerFramework7 IconsspeakerFeather IconsspeakerFirefox OS EmojispeakerHuge IconsspeakerIconParkspeakerIconPark OutlinespeakerIconPark SolidspeakerIconPark TwoTonespeakerJam IconsspeakerLucidespeakerMajesticonsspeakerMaterial SymbolsspeakerMaterial Symbols LightspeakerMaterial Design Iconsspeaker-fillMingCute IconspeakerMyna UI IconsspeakerPixelarticonsspeaker-fillRemix Iconspeaker-boldSolar
Related icons in Fluent UI System Icons
Use the speaker icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><g fill="none"><path d="M16.5 4.814c0-1.094-1.307-1.66-2.105-.912l-4.937 4.63a1.75 1.75 0 0 1-1.197.473H5.25A3.25 3.25 0 0 0 2 12.255v3.492a3.25 3.25 0 0 0 3.25 3.25h3.012c.444 0 .872.17 1.196.473l4.937 4.626c.799.749 2.105.183 2.105-.912V4.814zm-6.016 4.812L15 5.391v17.216l-4.516-4.231a3.25 3.25 0 0 0-2.222-.879H5.25a1.75 1.75 0 0 1-1.75-1.75v-3.492c0-.966.784-1.75 1.75-1.75h3.011a3.25 3.25 0 0 0 2.223-.879z" fill="currentColor"/><path d="M22.702 5.252a.75.75 0 0 0-1.126.99A11.702 11.702 0 0 1 24.5 14c0 2.973-1.103 5.687-2.924 7.757a.75.75 0 1 0 1.126.99A13.202 13.202 0 0 0 26 14c0-3.352-1.245-6.415-3.298-8.748z" fill="currentColor"/><path d="M20.353 8.303a.75.75 0 1 0-1.2.9A7.961 7.961 0 0 1 20.75 14c0 1.8-.594 3.46-1.597 4.797a.75.75 0 1 0 1.2.9A9.461 9.461 0 0 0 22.25 14c0-2.136-.706-4.11-1.897-5.697z" fill="currentColor"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentSpeaker28Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><g fill="none"><path d="M16.5 4.814c0-1.094-1.307-1.66-2.105-.912l-4.937 4.63a1.75 1.75 0 0 1-1.197.473H5.25A3.25 3.25 0 0 0 2 12.255v3.492a3.25 3.25 0 0 0 3.25 3.25h3.012c.444 0 .872.17 1.196.473l4.937 4.626c.799.749 2.105.183 2.105-.912V4.814zm-6.016 4.812L15 5.391v17.216l-4.516-4.231a3.25 3.25 0 0 0-2.222-.879H5.25a1.75 1.75 0 0 1-1.75-1.75v-3.492c0-.966.784-1.75 1.75-1.75h3.011a3.25 3.25 0 0 0 2.223-.879z" fill="currentColor"/><path d="M22.702 5.252a.75.75 0 0 0-1.126.99A11.702 11.702 0 0 1 24.5 14c0 2.973-1.103 5.687-2.924 7.757a.75.75 0 1 0 1.126.99A13.202 13.202 0 0 0 26 14c0-3.352-1.245-6.415-3.298-8.748z" fill="currentColor"/><path d="M20.353 8.303a.75.75 0 1 0-1.2.9A7.961 7.961 0 0 1 20.75 14c0 1.8-.594 3.46-1.597 4.797a.75.75 0 1 0 1.2.9A9.461 9.461 0 0 0 22.25 14c0-2.136-.706-4.11-1.897-5.697z" fill="currentColor"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><g fill="none"><path d="M16.5 4.814c0-1.094-1.307-1.66-2.105-.912l-4.937 4.63a1.75 1.75 0 0 1-1.197.473H5.25A3.25 3.25 0 0 0 2 12.255v3.492a3.25 3.25 0 0 0 3.25 3.25h3.012c.444 0 .872.17 1.196.473l4.937 4.626c.799.749 2.105.183 2.105-.912V4.814zm-6.016 4.812L15 5.391v17.216l-4.516-4.231a3.25 3.25 0 0 0-2.222-.879H5.25a1.75 1.75 0 0 1-1.75-1.75v-3.492c0-.966.784-1.75 1.75-1.75h3.011a3.25 3.25 0 0 0 2.223-.879z" fill="currentColor"/><path d="M22.702 5.252a.75.75 0 0 0-1.126.99A11.702 11.702 0 0 1 24.5 14c0 2.973-1.103 5.687-2.924 7.757a.75.75 0 1 0 1.126.99A13.202 13.202 0 0 0 26 14c0-3.352-1.245-6.415-3.298-8.748z" fill="currentColor"/><path d="M20.353 8.303a.75.75 0 1 0-1.2.9A7.961 7.961 0 0 1 20.75 14c0 1.8-.594 3.46-1.597 4.797a.75.75 0 1 0 1.2.9A9.461 9.461 0 0 0 22.25 14c0-2.136-.706-4.11-1.897-5.697z" fill="currentColor"/></g></svg> </template>
CSS
.icon-speaker-28-regular {
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%2028%2028%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M16.5%204.814c0-1.094-1.307-1.66-2.105-.912l-4.937%204.63a1.75%201.75%200%200%201-1.197.473H5.25A3.25%203.25%200%200%200%202%2012.255v3.492a3.25%203.25%200%200%200%203.25%203.25h3.012c.444%200%20.872.17%201.196.473l4.937%204.626c.799.749%202.105.183%202.105-.912V4.814zm-6.016%204.812L15%205.391v17.216l-4.516-4.231a3.25%203.25%200%200%200-2.222-.879H5.25a1.75%201.75%200%200%201-1.75-1.75v-3.492c0-.966.784-1.75%201.75-1.75h3.011a3.25%203.25%200%200%200%202.223-.879z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M22.702%205.252a.75.75%200%200%200-1.126.99A11.702%2011.702%200%200%201%2024.5%2014c0%202.973-1.103%205.687-2.924%207.757a.75.75%200%201%200%201.126.99A13.202%2013.202%200%200%200%2026%2014c0-3.352-1.245-6.415-3.298-8.748z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M20.353%208.303a.75.75%200%201%200-1.2.9A7.961%207.961%200%200%201%2020.75%2014c0%201.8-.594%203.46-1.597%204.797a.75.75%200%201%200%201.2.9A9.461%209.461%200%200%200%2022.25%2014c0-2.136-.706-4.11-1.897-5.697z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fg%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%2028%2028%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M16.5%204.814c0-1.094-1.307-1.66-2.105-.912l-4.937%204.63a1.75%201.75%200%200%201-1.197.473H5.25A3.25%203.25%200%200%200%202%2012.255v3.492a3.25%203.25%200%200%200%203.25%203.25h3.012c.444%200%20.872.17%201.196.473l4.937%204.626c.799.749%202.105.183%202.105-.912V4.814zm-6.016%204.812L15%205.391v17.216l-4.516-4.231a3.25%203.25%200%200%200-2.222-.879H5.25a1.75%201.75%200%200%201-1.75-1.75v-3.492c0-.966.784-1.75%201.75-1.75h3.011a3.25%203.25%200%200%200%202.223-.879z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M22.702%205.252a.75.75%200%200%200-1.126.99A11.702%2011.702%200%200%201%2024.5%2014c0%202.973-1.103%205.687-2.924%207.757a.75.75%200%201%200%201.126.99A13.202%2013.202%200%200%200%2026%2014c0-3.352-1.245-6.415-3.298-8.748z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M20.353%208.303a.75.75%200%201%200-1.2.9A7.961%207.961%200%200%201%2020.75%2014c0%201.8-.594%203.46-1.597%204.797a.75.75%200%201%200%201.2.9A9.461%209.461%200%200%200%2022.25%2014c0-2.136-.706-4.11-1.897-5.697z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/speaker-28-regular.svg?color=%231a73e8&size=48
