loudspeaker emoji
loudspeaker from Fluent Emoji Flat by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.
- Name
- loudspeaker
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Objects
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More objects icons from Fluent Emoji Flat
Use the loudspeaker emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#212121" d="M26.18 19.61a3.72 3.72 0 1 0 0-7.44a3.72 3.72 0 0 0 0 7.44"/><path fill="#d3d3d3" d="m11 11l.68-1c1.25 0 2.49-.29 3.61-.83l6.26-3.08v19.62l-6.26-3.08a8.2 8.2 0 0 0-3.61-.84L11 20zM6.216 29.008H8.79c.67 0 1.21-.54 1.21-1.21V19.89H5.006v7.908c0 .67.54 1.21 1.21 1.21"/><path fill="#f8312f" d="M24.07 3A3.07 3.07 0 0 0 21 6.07v19.65a3.07 3.07 0 0 0 6.14 0V6.07A3.077 3.077 0 0 0 24.07 3"/><path fill="#ca0b4a" d="M3.727 10H12v11.78H3.727C2.77 21.78 2 21.03 2 20.11v-8.43c0-.93.77-1.68 1.727-1.68"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatLoudspeaker(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#212121" d="M26.18 19.61a3.72 3.72 0 1 0 0-7.44a3.72 3.72 0 0 0 0 7.44"/><path fill="#d3d3d3" d="m11 11l.68-1c1.25 0 2.49-.29 3.61-.83l6.26-3.08v19.62l-6.26-3.08a8.2 8.2 0 0 0-3.61-.84L11 20zM6.216 29.008H8.79c.67 0 1.21-.54 1.21-1.21V19.89H5.006v7.908c0 .67.54 1.21 1.21 1.21"/><path fill="#f8312f" d="M24.07 3A3.07 3.07 0 0 0 21 6.07v19.65a3.07 3.07 0 0 0 6.14 0V6.07A3.077 3.077 0 0 0 24.07 3"/><path fill="#ca0b4a" d="M3.727 10H12v11.78H3.727C2.77 21.78 2 21.03 2 20.11v-8.43c0-.93.77-1.68 1.727-1.68"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#212121" d="M26.18 19.61a3.72 3.72 0 1 0 0-7.44a3.72 3.72 0 0 0 0 7.44"/><path fill="#d3d3d3" d="m11 11l.68-1c1.25 0 2.49-.29 3.61-.83l6.26-3.08v19.62l-6.26-3.08a8.2 8.2 0 0 0-3.61-.84L11 20zM6.216 29.008H8.79c.67 0 1.21-.54 1.21-1.21V19.89H5.006v7.908c0 .67.54 1.21 1.21 1.21"/><path fill="#f8312f" d="M24.07 3A3.07 3.07 0 0 0 21 6.07v19.65a3.07 3.07 0 0 0 6.14 0V6.07A3.077 3.077 0 0 0 24.07 3"/><path fill="#ca0b4a" d="M3.727 10H12v11.78H3.727C2.77 21.78 2 21.03 2 20.11v-8.43c0-.93.77-1.68 1.727-1.68"/></g></svg> </template>
CSS
.icon-loudspeaker {
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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23212121%22%20d%3D%22M26.18%2019.61a3.72%203.72%200%201%200%200-7.44a3.72%203.72%200%200%200%200%207.44%22%2F%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22m11%2011l.68-1c1.25%200%202.49-.29%203.61-.83l6.26-3.08v19.62l-6.26-3.08a8.2%208.2%200%200%200-3.61-.84L11%2020zM6.216%2029.008H8.79c.67%200%201.21-.54%201.21-1.21V19.89H5.006v7.908c0%20.67.54%201.21%201.21%201.21%22%2F%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M24.07%203A3.07%203.07%200%200%200%2021%206.07v19.65a3.07%203.07%200%200%200%206.14%200V6.07A3.077%203.077%200%200%200%2024.07%203%22%2F%3E%3Cpath%20fill%3D%22%23ca0b4a%22%20d%3D%22M3.727%2010H12v11.78H3.727C2.77%2021.78%202%2021.03%202%2020.11v-8.43c0-.93.77-1.68%201.727-1.68%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23212121%22%20d%3D%22M26.18%2019.61a3.72%203.72%200%201%200%200-7.44a3.72%203.72%200%200%200%200%207.44%22%2F%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22m11%2011l.68-1c1.25%200%202.49-.29%203.61-.83l6.26-3.08v19.62l-6.26-3.08a8.2%208.2%200%200%200-3.61-.84L11%2020zM6.216%2029.008H8.79c.67%200%201.21-.54%201.21-1.21V19.89H5.006v7.908c0%20.67.54%201.21%201.21%201.21%22%2F%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M24.07%203A3.07%203.07%200%200%200%2021%206.07v19.65a3.07%203.07%200%200%200%206.14%200V6.07A3.077%203.077%200%200%200%2024.07%203%22%2F%3E%3Cpath%20fill%3D%22%23ca0b4a%22%20d%3D%22M3.727%2010H12v11.78H3.727C2.77%2021.78%202%2021.03%202%2020.11v-8.43c0-.93.77-1.68%201.727-1.68%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-emoji-flat/loudspeaker.svg?color=%231a73e8&size=48
