speaker 1 icon

speaker-1-16-filled from Fluent UI System Icons by Microsoft Corporation · 16 Filled · MIT Free for personal and commercial use.

Name
speaker-1-16-filled
Set
Fluent UI System Icons
Style
16 Filled
Viewbox
16×16
License
MIT

11 other variants in Fluent UI System Icons

speaker-1-16-regularspeaker-1-20-filledspeaker-1-20-regularspeaker-1-24-filledspeaker-1-24-regularspeaker-1-28-filledspeaker-1-28-regularspeaker-1-32-filledspeaker-1-32-regularspeaker-1-48-filledspeaker-1-48-regular

The same icon in other sets

speaker-1Framework7 Icons

Related icons in Fluent UI System Icons

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

Use the speaker 1 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M9 2.5a.5.5 0 0 0-.849-.358l-2.927 2.85H3.5a1.5 1.5 0 0 0-1.5 1.5v2.99a1.5 1.5 0 0 0 1.5 1.5h1.723l2.927 2.875A.5.5 0 0 0 9 13.5zm1.111 2.689a.5.5 0 0 1 .703-.08l.002.001l.002.002l.005.004l.015.013l.046.04q.055.05.142.142c.113.123.26.302.405.54c.291.48.573 1.193.573 2.148c0 .954-.282 1.668-.573 2.148a3.4 3.4 0 0 1-.405.541a3 3 0 0 1-.202.196l-.008.007h-.001s-.447.243-.703-.078a.5.5 0 0 1 .075-.7l.002-.002l-.001.001l.002-.001h-.001l.018-.016q.028-.025.085-.085a2.4 2.4 0 0 0 .284-.382c.21-.345.428-.882.428-1.63s-.218-1.283-.428-1.627a2.4 2.4 0 0 0-.368-.465l-.018-.016a.5.5 0 0 1-.079-.701m.079.7h-.002Z"/></svg>

React

import type { SVGProps } from "react";

export function FluentSpeaker116Filled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M9 2.5a.5.5 0 0 0-.849-.358l-2.927 2.85H3.5a1.5 1.5 0 0 0-1.5 1.5v2.99a1.5 1.5 0 0 0 1.5 1.5h1.723l2.927 2.875A.5.5 0 0 0 9 13.5zm1.111 2.689a.5.5 0 0 1 .703-.08l.002.001l.002.002l.005.004l.015.013l.046.04q.055.05.142.142c.113.123.26.302.405.54c.291.48.573 1.193.573 2.148c0 .954-.282 1.668-.573 2.148a3.4 3.4 0 0 1-.405.541a3 3 0 0 1-.202.196l-.008.007h-.001s-.447.243-.703-.078a.5.5 0 0 1 .075-.7l.002-.002l-.001.001l.002-.001h-.001l.018-.016q.028-.025.085-.085a2.4 2.4 0 0 0 .284-.382c.21-.345.428-.882.428-1.63s-.218-1.283-.428-1.627a2.4 2.4 0 0 0-.368-.465l-.018-.016a.5.5 0 0 1-.079-.701m.079.7h-.002Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M9 2.5a.5.5 0 0 0-.849-.358l-2.927 2.85H3.5a1.5 1.5 0 0 0-1.5 1.5v2.99a1.5 1.5 0 0 0 1.5 1.5h1.723l2.927 2.875A.5.5 0 0 0 9 13.5zm1.111 2.689a.5.5 0 0 1 .703-.08l.002.001l.002.002l.005.004l.015.013l.046.04q.055.05.142.142c.113.123.26.302.405.54c.291.48.573 1.193.573 2.148c0 .954-.282 1.668-.573 2.148a3.4 3.4 0 0 1-.405.541a3 3 0 0 1-.202.196l-.008.007h-.001s-.447.243-.703-.078a.5.5 0 0 1 .075-.7l.002-.002l-.001.001l.002-.001h-.001l.018-.016q.028-.025.085-.085a2.4 2.4 0 0 0 .284-.382c.21-.345.428-.882.428-1.63s-.218-1.283-.428-1.627a2.4 2.4 0 0 0-.368-.465l-.018-.016a.5.5 0 0 1-.079-.701m.079.7h-.002Z"/></svg>
</template>

CSS

.icon-speaker-1-16-filled {
  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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9%202.5a.5.5%200%200%200-.849-.358l-2.927%202.85H3.5a1.5%201.5%200%200%200-1.5%201.5v2.99a1.5%201.5%200%200%200%201.5%201.5h1.723l2.927%202.875A.5.5%200%200%200%209%2013.5zm1.111%202.689a.5.5%200%200%201%20.703-.08l.002.001l.002.002l.005.004l.015.013l.046.04q.055.05.142.142c.113.123.26.302.405.54c.291.48.573%201.193.573%202.148c0%20.954-.282%201.668-.573%202.148a3.4%203.4%200%200%201-.405.541a3%203%200%200%201-.202.196l-.008.007h-.001s-.447.243-.703-.078a.5.5%200%200%201%20.075-.7l.002-.002l-.001.001l.002-.001h-.001l.018-.016q.028-.025.085-.085a2.4%202.4%200%200%200%20.284-.382c.21-.345.428-.882.428-1.63s-.218-1.283-.428-1.627a2.4%202.4%200%200%200-.368-.465l-.018-.016a.5.5%200%200%201-.079-.701m.079.7h-.002Z%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9%202.5a.5.5%200%200%200-.849-.358l-2.927%202.85H3.5a1.5%201.5%200%200%200-1.5%201.5v2.99a1.5%201.5%200%200%200%201.5%201.5h1.723l2.927%202.875A.5.5%200%200%200%209%2013.5zm1.111%202.689a.5.5%200%200%201%20.703-.08l.002.001l.002.002l.005.004l.015.013l.046.04q.055.05.142.142c.113.123.26.302.405.54c.291.48.573%201.193.573%202.148c0%20.954-.282%201.668-.573%202.148a3.4%203.4%200%200%201-.405.541a3%203%200%200%201-.202.196l-.008.007h-.001s-.447.243-.703-.078a.5.5%200%200%201%20.075-.7l.002-.002l-.001.001l.002-.001h-.001l.018-.016q.028-.025.085-.085a2.4%202.4%200%200%200%20.284-.382c.21-.345.428-.882.428-1.63s-.218-1.283-.428-1.627a2.4%202.4%200%200%200-.368-.465l-.018-.016a.5.5%200%200%201-.079-.701m.079.7h-.002Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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