nest-audio from Material Symbols Light by Google · Regular · Home · Apache-2.0 Free for personal and commercial use.

Name
nest-audio
Set
Material Symbols Light
Style
Regular
Category
Home
Viewbox
24×24
License
Apache 2.0
Aliases
nest-audio-rounded, nest-audio-sharp

1 other variant in Material Symbols Light

The same icon in other sets

More home icons from Material Symbols Light

Use the nest audio icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.346 19.577q-1.304 0-2.229-.925t-.925-2.229V8.462q0-1.69 1.184-2.865q1.184-1.174 2.855-1.174h3.538q1.69 0 2.865 1.174q1.174 1.174 1.174 2.864v7.962q0 1.304-.925 2.229t-2.23.925zm0-6.808q.31 0 .54-.23t.23-.539t-.23-.54t-.54-.23q-.31 0-.54.23q-.229.23-.229.54t.23.54t.54.23m2.653 0q.31 0 .54-.23t.23-.54t-.23-.54t-.54-.23t-.54.23t-.23.54t.23.54t.54.23m2.654 0q.31 0 .54-.23q.229-.23.229-.54t-.23-.54t-.54-.23t-.538.23t-.23.54t.23.54t.539.23"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightNestAudio(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.346 19.577q-1.304 0-2.229-.925t-.925-2.229V8.462q0-1.69 1.184-2.865q1.184-1.174 2.855-1.174h3.538q1.69 0 2.865 1.174q1.174 1.174 1.174 2.864v7.962q0 1.304-.925 2.229t-2.23.925zm0-6.808q.31 0 .54-.23t.23-.539t-.23-.54t-.54-.23q-.31 0-.54.23q-.229.23-.229.54t.23.54t.54.23m2.653 0q.31 0 .54-.23t.23-.54t-.23-.54t-.54-.23t-.54.23t-.23.54t.23.54t.54.23m2.654 0q.31 0 .54-.23q.229-.23.229-.54t-.23-.54t-.54-.23t-.538.23t-.23.54t.23.54t.539.23"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.346 19.577q-1.304 0-2.229-.925t-.925-2.229V8.462q0-1.69 1.184-2.865q1.184-1.174 2.855-1.174h3.538q1.69 0 2.865 1.174q1.174 1.174 1.174 2.864v7.962q0 1.304-.925 2.229t-2.23.925zm0-6.808q.31 0 .54-.23t.23-.539t-.23-.54t-.54-.23q-.31 0-.54.23q-.229.23-.229.54t.23.54t.54.23m2.653 0q.31 0 .54-.23t.23-.54t-.23-.54t-.54-.23t-.54.23t-.23.54t.23.54t.54.23m2.654 0q.31 0 .54-.23q.229-.23.229-.54t-.23-.54t-.54-.23t-.538.23t-.23.54t.23.54t.539.23"/></svg>
</template>

CSS

.icon-nest-audio {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.346%2019.577q-1.304%200-2.229-.925t-.925-2.229V8.462q0-1.69%201.184-2.865q1.184-1.174%202.855-1.174h3.538q1.69%200%202.865%201.174q1.174%201.174%201.174%202.864v7.962q0%201.304-.925%202.229t-2.23.925zm0-6.808q.31%200%20.54-.23t.23-.539t-.23-.54t-.54-.23q-.31%200-.54.23q-.229.23-.229.54t.23.54t.54.23m2.653%200q.31%200%20.54-.23t.23-.54t-.23-.54t-.54-.23t-.54.23t-.23.54t.23.54t.54.23m2.654%200q.31%200%20.54-.23q.229-.23.229-.54t-.23-.54t-.54-.23t-.538.23t-.23.54t.23.54t.539.23%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.346%2019.577q-1.304%200-2.229-.925t-.925-2.229V8.462q0-1.69%201.184-2.865q1.184-1.174%202.855-1.174h3.538q1.69%200%202.865%201.174q1.174%201.174%201.174%202.864v7.962q0%201.304-.925%202.229t-2.23.925zm0-6.808q.31%200%20.54-.23t.23-.539t-.23-.54t-.54-.23q-.31%200-.54.23q-.229.23-.229.54t.23.54t.54.23m2.653%200q.31%200%20.54-.23t.23-.54t-.23-.54t-.54-.23t-.54.23t-.23.54t.23.54t.54.23m2.654%200q.31%200%20.54-.23q.229-.23.229-.54t-.23-.54t-.54-.23t-.538.23t-.23.54t.23.54t.539.23%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/nest-audio.svg?color=%231a73e8&size=48