speaker 2 icon

speaker-2-32-regular from Fluent UI System Icons by Microsoft Corporation · 32 Regular · MIT Free for personal and commercial use.

Name: speaker-2-32-regular
Set: Fluent UI System Icons
Style: 32 Regular
Viewbox: 32×32
License: MIT

11 other variants in Fluent UI System Icons

speaker-2-16-filled speaker-2-16-regular speaker-2-20-filled speaker-2-20-regular speaker-2-24-filled speaker-2-24-regular speaker-2-28-filled speaker-2-28-regular speaker-2-32-filled speaker-2-48-filled speaker-2-48-regular

The same icon in other sets

speaker-2Framework7 Icons speaker-2Material Symbols speaker-2Material Symbols Light speaker-2-fillRemix Icon

Related icons in Fluent UI System Icons

speaker-0-16-filled speaker-1-16-filled speaker-bluetooth-20-filled speaker-box-16-filled speaker-box-keyboard-20-filled speaker-edit-16-filled speaker-mute-16-filled speaker-none-20-filled speaker-off-16-filled speaker-settings-20-filled speaker-usb-20-filled

Use the speaker 2 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M18 5.604c0-1.114-1.346-1.671-2.134-.884l-4.694 4.695A2 2 0 0 1 9.757 10H6a4 4 0 0 0-4 4v4a4 4 0 0 0 4 4h3.757a2 2 0 0 1 1.415.585l4.694 4.695c.788.787 2.134.23 2.134-.884zm-5.414 5.225L16 7.415v17.171l-3.414-3.414A4 4 0 0 0 9.757 20H6a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h3.757a4 4 0 0 0 2.829-1.171m10.238-1.395a1 1 0 1 0-1.648 1.133c1.285 1.87 1.887 3.676 1.887 5.433c0 1.758-.602 3.565-1.887 5.434a1 1 0 1 0 1.648 1.133c1.465-2.13 2.238-4.324 2.238-6.567c0-2.242-.773-4.435-2.238-6.566m2.866-4.158a1 1 0 0 0-1.38 1.449c2.387 2.273 3.628 5.738 3.628 9.275s-1.241 7.003-3.628 9.276a1 1 0 1 0 1.38 1.449c2.863-2.727 4.247-6.762 4.247-10.725S28.554 8.003 25.69 5.276"/></svg>

React

import type { SVGProps } from "react";

export function FluentSpeaker232Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M18 5.604c0-1.114-1.346-1.671-2.134-.884l-4.694 4.695A2 2 0 0 1 9.757 10H6a4 4 0 0 0-4 4v4a4 4 0 0 0 4 4h3.757a2 2 0 0 1 1.415.585l4.694 4.695c.788.787 2.134.23 2.134-.884zm-5.414 5.225L16 7.415v17.171l-3.414-3.414A4 4 0 0 0 9.757 20H6a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h3.757a4 4 0 0 0 2.829-1.171m10.238-1.395a1 1 0 1 0-1.648 1.133c1.285 1.87 1.887 3.676 1.887 5.433c0 1.758-.602 3.565-1.887 5.434a1 1 0 1 0 1.648 1.133c1.465-2.13 2.238-4.324 2.238-6.567c0-2.242-.773-4.435-2.238-6.566m2.866-4.158a1 1 0 0 0-1.38 1.449c2.387 2.273 3.628 5.738 3.628 9.275s-1.241 7.003-3.628 9.276a1 1 0 1 0 1.38 1.449c2.863-2.727 4.247-6.762 4.247-10.725S28.554 8.003 25.69 5.276"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M18 5.604c0-1.114-1.346-1.671-2.134-.884l-4.694 4.695A2 2 0 0 1 9.757 10H6a4 4 0 0 0-4 4v4a4 4 0 0 0 4 4h3.757a2 2 0 0 1 1.415.585l4.694 4.695c.788.787 2.134.23 2.134-.884zm-5.414 5.225L16 7.415v17.171l-3.414-3.414A4 4 0 0 0 9.757 20H6a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h3.757a4 4 0 0 0 2.829-1.171m10.238-1.395a1 1 0 1 0-1.648 1.133c1.285 1.87 1.887 3.676 1.887 5.433c0 1.758-.602 3.565-1.887 5.434a1 1 0 1 0 1.648 1.133c1.465-2.13 2.238-4.324 2.238-6.567c0-2.242-.773-4.435-2.238-6.566m2.866-4.158a1 1 0 0 0-1.38 1.449c2.387 2.273 3.628 5.738 3.628 9.275s-1.241 7.003-3.628 9.276a1 1 0 1 0 1.38 1.449c2.863-2.727 4.247-6.762 4.247-10.725S28.554 8.003 25.69 5.276"/></svg>
</template>

CSS

.icon-speaker-2-32-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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18%205.604c0-1.114-1.346-1.671-2.134-.884l-4.694%204.695A2%202%200%200%201%209.757%2010H6a4%204%200%200%200-4%204v4a4%204%200%200%200%204%204h3.757a2%202%200%200%201%201.415.585l4.694%204.695c.788.787%202.134.23%202.134-.884zm-5.414%205.225L16%207.415v17.171l-3.414-3.414A4%204%200%200%200%209.757%2020H6a2%202%200%200%201-2-2v-4a2%202%200%200%201%202-2h3.757a4%204%200%200%200%202.829-1.171m10.238-1.395a1%201%200%201%200-1.648%201.133c1.285%201.87%201.887%203.676%201.887%205.433c0%201.758-.602%203.565-1.887%205.434a1%201%200%201%200%201.648%201.133c1.465-2.13%202.238-4.324%202.238-6.567c0-2.242-.773-4.435-2.238-6.566m2.866-4.158a1%201%200%200%200-1.38%201.449c2.387%202.273%203.628%205.738%203.628%209.275s-1.241%207.003-3.628%209.276a1%201%200%201%200%201.38%201.449c2.863-2.727%204.247-6.762%204.247-10.725S28.554%208.003%2025.69%205.276%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18%205.604c0-1.114-1.346-1.671-2.134-.884l-4.694%204.695A2%202%200%200%201%209.757%2010H6a4%204%200%200%200-4%204v4a4%204%200%200%200%204%204h3.757a2%202%200%200%201%201.415.585l4.694%204.695c.788.787%202.134.23%202.134-.884zm-5.414%205.225L16%207.415v17.171l-3.414-3.414A4%204%200%200%200%209.757%2020H6a2%202%200%200%201-2-2v-4a2%202%200%200%201%202-2h3.757a4%204%200%200%200%202.829-1.171m10.238-1.395a1%201%200%201%200-1.648%201.133c1.285%201.87%201.887%203.676%201.887%205.433c0%201.758-.602%203.565-1.887%205.434a1%201%200%201%200%201.648%201.133c1.465-2.13%202.238-4.324%202.238-6.567c0-2.242-.773-4.435-2.238-6.566m2.866-4.158a1%201%200%200%200-1.38%201.449c2.387%202.273%203.628%205.738%203.628%209.275s-1.241%207.003-3.628%209.276a1%201%200%201%200%201.38%201.449c2.863-2.727%204.247-6.762%204.247-10.725S28.554%208.003%2025.69%205.276%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/speaker-2-32-regular.svg?color=%231a73e8&size=48