notification sound icon
notification-sound-outline-rounded from Material Symbols Light by Google · Outline Rounded · Communicate · Apache-2.0 Free for personal and commercial use.
- Name
- notification-sound-outline-rounded
- Set
- Material Symbols Light
- Style
- Outline Rounded
- Category
- Communicate
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols Light
The same icon in other sets
More communicate icons from Material Symbols Light
Use the notification sound icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.997 21.385q-.668 0-1.14-.475q-.472-.474-.472-1.14h3.23q0 .67-.475 1.143q-.476.472-1.143.472M5.5 18.769q-.213 0-.356-.144T5 18.268t.144-.356t.356-.143h1.116V9.846q0-1.96 1.24-3.447T11 4.546V4q0-.417.291-.708q.291-.292.707-.292t.709.292T13 4v.549q.42.078.798.206t.729.328q.263.137.303.336q.04.2-.045.377t-.277.26t-.381-.039q-.47-.275-1.01-.415q-.542-.14-1.117-.14q-1.823 0-3.104 1.28t-1.28 3.104v7.923H18.5q.213 0 .356.144q.144.144.144.357t-.144.356t-.356.143zm10.82-6.363q-.182.55-.53 1.027q-.136.194-.353.282q-.218.089-.41-.029q-.179-.103-.242-.302q-.064-.198.06-.355q.317-.379.486-.827t.169-.946t-.172-.947t-.484-.828q-.092-.158-.038-.335q.053-.177.23-.275q.183-.117.398-.041q.214.076.356.258q.354.477.532 1.024t.178 1.146t-.18 1.148m3.209 1.45q-.471 1.252-1.356 2.271q-.129.165-.33.153t-.343-.15t-.156-.339t.115-.378q.745-.873 1.143-1.935t.398-2.22t-.398-2.22t-1.142-1.936q-.13-.177-.116-.377q.013-.201.155-.339q.143-.138.344-.15t.33.153q.885 1.019 1.356 2.27t.471 2.6t-.471 2.598"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightNotificationSoundOutlineRounded(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="M11.997 21.385q-.668 0-1.14-.475q-.472-.474-.472-1.14h3.23q0 .67-.475 1.143q-.476.472-1.143.472M5.5 18.769q-.213 0-.356-.144T5 18.268t.144-.356t.356-.143h1.116V9.846q0-1.96 1.24-3.447T11 4.546V4q0-.417.291-.708q.291-.292.707-.292t.709.292T13 4v.549q.42.078.798.206t.729.328q.263.137.303.336q.04.2-.045.377t-.277.26t-.381-.039q-.47-.275-1.01-.415q-.542-.14-1.117-.14q-1.823 0-3.104 1.28t-1.28 3.104v7.923H18.5q.213 0 .356.144q.144.144.144.357t-.144.356t-.356.143zm10.82-6.363q-.182.55-.53 1.027q-.136.194-.353.282q-.218.089-.41-.029q-.179-.103-.242-.302q-.064-.198.06-.355q.317-.379.486-.827t.169-.946t-.172-.947t-.484-.828q-.092-.158-.038-.335q.053-.177.23-.275q.183-.117.398-.041q.214.076.356.258q.354.477.532 1.024t.178 1.146t-.18 1.148m3.209 1.45q-.471 1.252-1.356 2.271q-.129.165-.33.153t-.343-.15t-.156-.339t.115-.378q.745-.873 1.143-1.935t.398-2.22t-.398-2.22t-1.142-1.936q-.13-.177-.116-.377q.013-.201.155-.339q.143-.138.344-.15t.33.153q.885 1.019 1.356 2.27t.471 2.6t-.471 2.598"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.997 21.385q-.668 0-1.14-.475q-.472-.474-.472-1.14h3.23q0 .67-.475 1.143q-.476.472-1.143.472M5.5 18.769q-.213 0-.356-.144T5 18.268t.144-.356t.356-.143h1.116V9.846q0-1.96 1.24-3.447T11 4.546V4q0-.417.291-.708q.291-.292.707-.292t.709.292T13 4v.549q.42.078.798.206t.729.328q.263.137.303.336q.04.2-.045.377t-.277.26t-.381-.039q-.47-.275-1.01-.415q-.542-.14-1.117-.14q-1.823 0-3.104 1.28t-1.28 3.104v7.923H18.5q.213 0 .356.144q.144.144.144.357t-.144.356t-.356.143zm10.82-6.363q-.182.55-.53 1.027q-.136.194-.353.282q-.218.089-.41-.029q-.179-.103-.242-.302q-.064-.198.06-.355q.317-.379.486-.827t.169-.946t-.172-.947t-.484-.828q-.092-.158-.038-.335q.053-.177.23-.275q.183-.117.398-.041q.214.076.356.258q.354.477.532 1.024t.178 1.146t-.18 1.148m3.209 1.45q-.471 1.252-1.356 2.271q-.129.165-.33.153t-.343-.15t-.156-.339t.115-.378q.745-.873 1.143-1.935t.398-2.22t-.398-2.22t-1.142-1.936q-.13-.177-.116-.377q.013-.201.155-.339q.143-.138.344-.15t.33.153q.885 1.019 1.356 2.27t.471 2.6t-.471 2.598"/></svg> </template>
CSS
.icon-notification-sound-outline-rounded {
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%22M11.997%2021.385q-.668%200-1.14-.475q-.472-.474-.472-1.14h3.23q0%20.67-.475%201.143q-.476.472-1.143.472M5.5%2018.769q-.213%200-.356-.144T5%2018.268t.144-.356t.356-.143h1.116V9.846q0-1.96%201.24-3.447T11%204.546V4q0-.417.291-.708q.291-.292.707-.292t.709.292T13%204v.549q.42.078.798.206t.729.328q.263.137.303.336q.04.2-.045.377t-.277.26t-.381-.039q-.47-.275-1.01-.415q-.542-.14-1.117-.14q-1.823%200-3.104%201.28t-1.28%203.104v7.923H18.5q.213%200%20.356.144q.144.144.144.357t-.144.356t-.356.143zm10.82-6.363q-.182.55-.53%201.027q-.136.194-.353.282q-.218.089-.41-.029q-.179-.103-.242-.302q-.064-.198.06-.355q.317-.379.486-.827t.169-.946t-.172-.947t-.484-.828q-.092-.158-.038-.335q.053-.177.23-.275q.183-.117.398-.041q.214.076.356.258q.354.477.532%201.024t.178%201.146t-.18%201.148m3.209%201.45q-.471%201.252-1.356%202.271q-.129.165-.33.153t-.343-.15t-.156-.339t.115-.378q.745-.873%201.143-1.935t.398-2.22t-.398-2.22t-1.142-1.936q-.13-.177-.116-.377q.013-.201.155-.339q.143-.138.344-.15t.33.153q.885%201.019%201.356%202.27t.471%202.6t-.471%202.598%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%22M11.997%2021.385q-.668%200-1.14-.475q-.472-.474-.472-1.14h3.23q0%20.67-.475%201.143q-.476.472-1.143.472M5.5%2018.769q-.213%200-.356-.144T5%2018.268t.144-.356t.356-.143h1.116V9.846q0-1.96%201.24-3.447T11%204.546V4q0-.417.291-.708q.291-.292.707-.292t.709.292T13%204v.549q.42.078.798.206t.729.328q.263.137.303.336q.04.2-.045.377t-.277.26t-.381-.039q-.47-.275-1.01-.415q-.542-.14-1.117-.14q-1.823%200-3.104%201.28t-1.28%203.104v7.923H18.5q.213%200%20.356.144q.144.144.144.357t-.144.356t-.356.143zm10.82-6.363q-.182.55-.53%201.027q-.136.194-.353.282q-.218.089-.41-.029q-.179-.103-.242-.302q-.064-.198.06-.355q.317-.379.486-.827t.169-.946t-.172-.947t-.484-.828q-.092-.158-.038-.335q.053-.177.23-.275q.183-.117.398-.041q.214.076.356.258q.354.477.532%201.024t.178%201.146t-.18%201.148m3.209%201.45q-.471%201.252-1.356%202.271q-.129.165-.33.153t-.343-.15t-.156-.339t.115-.378q.745-.873%201.143-1.935t.398-2.22t-.398-2.22t-1.142-1.936q-.13-.177-.116-.377q.013-.201.155-.339q.143-.138.344-.15t.33.153q.885%201.019%201.356%202.27t.471%202.6t-.471%202.598%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/notification-sound-outline-rounded.svg?color=%231a73e8&size=48
