notification sound icon
notification-sound-rounded from Material Symbols by Google · Rounded · Communicate · Apache-2.0 Free for personal and commercial use.
- Name
- notification-sound-rounded
- Set
- Material Symbols
- Style
- Rounded
- Category
- Communicate
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols
The same icon in other sets
More communicate icons from Material Symbols
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="M17.425 11.55q-.075.425-.25.825q-.175.425-.575.6t-.8-.025q-.375-.175-.525-.575t.05-.75q.125-.225.15-.45t.025-.475t-.037-.487t-.138-.463q-.15-.35 0-.7t.5-.525q.375-.175.763-.012t.587.537q.2.4.263.813t.062.837t-.075.85m3.2 1.575Q20.25 14.3 19.5 15.3q-.225.3-.638.288t-.687-.288t-.3-.675t.2-.75q.475-.7.7-1.513T19 10.7t-.225-1.662t-.7-1.513q-.225-.35-.2-.75t.3-.675t.688-.287t.637.287q.75 1 1.125 2.175T21 10.7t-.375 2.425M12 22q-.825 0-1.412-.587T10 20h4q0 .825-.587 1.413T12 22m-7-3q-.425 0-.712-.288T4 18t.288-.712T5 17h1v-7q0-2.075 1.25-3.687T10.5 4.2v-.7q0-.625.438-1.062T12 2t1.063.438T13.5 3.5v.7q.35.1.688.225t.662.3q.475.275.513.8T15 6.45l-1.4 1.425q-.275.275-.437.638T13 9.275v2.85q0 .4.15.763t.425.637L17.35 17.3q.475.475.213 1.087t-.938.613z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsNotificationSoundRounded(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="M17.425 11.55q-.075.425-.25.825q-.175.425-.575.6t-.8-.025q-.375-.175-.525-.575t.05-.75q.125-.225.15-.45t.025-.475t-.037-.487t-.138-.463q-.15-.35 0-.7t.5-.525q.375-.175.763-.012t.587.537q.2.4.263.813t.062.837t-.075.85m3.2 1.575Q20.25 14.3 19.5 15.3q-.225.3-.638.288t-.687-.288t-.3-.675t.2-.75q.475-.7.7-1.513T19 10.7t-.225-1.662t-.7-1.513q-.225-.35-.2-.75t.3-.675t.688-.287t.637.287q.75 1 1.125 2.175T21 10.7t-.375 2.425M12 22q-.825 0-1.412-.587T10 20h4q0 .825-.587 1.413T12 22m-7-3q-.425 0-.712-.288T4 18t.288-.712T5 17h1v-7q0-2.075 1.25-3.687T10.5 4.2v-.7q0-.625.438-1.062T12 2t1.063.438T13.5 3.5v.7q.35.1.688.225t.662.3q.475.275.513.8T15 6.45l-1.4 1.425q-.275.275-.437.638T13 9.275v2.85q0 .4.15.763t.425.637L17.35 17.3q.475.475.213 1.087t-.938.613z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.425 11.55q-.075.425-.25.825q-.175.425-.575.6t-.8-.025q-.375-.175-.525-.575t.05-.75q.125-.225.15-.45t.025-.475t-.037-.487t-.138-.463q-.15-.35 0-.7t.5-.525q.375-.175.763-.012t.587.537q.2.4.263.813t.062.837t-.075.85m3.2 1.575Q20.25 14.3 19.5 15.3q-.225.3-.638.288t-.687-.288t-.3-.675t.2-.75q.475-.7.7-1.513T19 10.7t-.225-1.662t-.7-1.513q-.225-.35-.2-.75t.3-.675t.688-.287t.637.287q.75 1 1.125 2.175T21 10.7t-.375 2.425M12 22q-.825 0-1.412-.587T10 20h4q0 .825-.587 1.413T12 22m-7-3q-.425 0-.712-.288T4 18t.288-.712T5 17h1v-7q0-2.075 1.25-3.687T10.5 4.2v-.7q0-.625.438-1.062T12 2t1.063.438T13.5 3.5v.7q.35.1.688.225t.662.3q.475.275.513.8T15 6.45l-1.4 1.425q-.275.275-.437.638T13 9.275v2.85q0 .4.15.763t.425.637L17.35 17.3q.475.475.213 1.087t-.938.613z"/></svg> </template>
CSS
.icon-notification-sound-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%22M17.425%2011.55q-.075.425-.25.825q-.175.425-.575.6t-.8-.025q-.375-.175-.525-.575t.05-.75q.125-.225.15-.45t.025-.475t-.037-.487t-.138-.463q-.15-.35%200-.7t.5-.525q.375-.175.763-.012t.587.537q.2.4.263.813t.062.837t-.075.85m3.2%201.575Q20.25%2014.3%2019.5%2015.3q-.225.3-.638.288t-.687-.288t-.3-.675t.2-.75q.475-.7.7-1.513T19%2010.7t-.225-1.662t-.7-1.513q-.225-.35-.2-.75t.3-.675t.688-.287t.637.287q.75%201%201.125%202.175T21%2010.7t-.375%202.425M12%2022q-.825%200-1.412-.587T10%2020h4q0%20.825-.587%201.413T12%2022m-7-3q-.425%200-.712-.288T4%2018t.288-.712T5%2017h1v-7q0-2.075%201.25-3.687T10.5%204.2v-.7q0-.625.438-1.062T12%202t1.063.438T13.5%203.5v.7q.35.1.688.225t.662.3q.475.275.513.8T15%206.45l-1.4%201.425q-.275.275-.437.638T13%209.275v2.85q0%20.4.15.763t.425.637L17.35%2017.3q.475.475.213%201.087t-.938.613z%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%22M17.425%2011.55q-.075.425-.25.825q-.175.425-.575.6t-.8-.025q-.375-.175-.525-.575t.05-.75q.125-.225.15-.45t.025-.475t-.037-.487t-.138-.463q-.15-.35%200-.7t.5-.525q.375-.175.763-.012t.587.537q.2.4.263.813t.062.837t-.075.85m3.2%201.575Q20.25%2014.3%2019.5%2015.3q-.225.3-.638.288t-.687-.288t-.3-.675t.2-.75q.475-.7.7-1.513T19%2010.7t-.225-1.662t-.7-1.513q-.225-.35-.2-.75t.3-.675t.688-.287t.637.287q.75%201%201.125%202.175T21%2010.7t-.375%202.425M12%2022q-.825%200-1.412-.587T10%2020h4q0%20.825-.587%201.413T12%2022m-7-3q-.425%200-.712-.288T4%2018t.288-.712T5%2017h1v-7q0-2.075%201.25-3.687T10.5%204.2v-.7q0-.625.438-1.062T12%202t1.063.438T13.5%203.5v.7q.35.1.688.225t.662.3q.475.275.513.8T15%206.45l-1.4%201.425q-.275.275-.437.638T13%209.275v2.85q0%20.4.15.763t.425.637L17.35%2017.3q.475.475.213%201.087t-.938.613z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/notification-sound-rounded.svg?color=%231a73e8&size=48
