sound detection loud sound icon
sound-detection-loud-sound-sharp from Material Symbols Light by Google · Sharp · Audio & Video · Apache-2.0 Free for personal and commercial use.
- Name
- sound-detection-loud-sound-sharp
- Set
- Material Symbols Light
- Style
- Sharp
- Category
- Audio & Video
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols Light
The same icon in other sets
More audio & video icons from Material Symbols Light
Use the sound detection loud sound icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m8.037 20.216l-4.272-4.247l3.822-3.782V8.473l7.946 7.94h-3.694zm10.755-4.389l-.757-.738q.952-1.993.605-4.146q-.348-2.152-1.901-3.706q-1.554-1.554-3.707-1.901t-4.145.605l-.739-.758q2.329-1.2 4.893-.853q2.565.347 4.411 2.193t2.193 4.41t-.853 4.894m-2.604-2.604l-.853-.854q.038-.76-.197-1.462q-.236-.703-.776-1.244q-.546-.546-1.25-.794t-1.468-.171l-.873-.892q1.175-.252 2.318.027q1.142.278 1.98 1.117t1.115 1.978t.005 2.295"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightSoundDetectionLoudSoundSharp(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="m8.037 20.216l-4.272-4.247l3.822-3.782V8.473l7.946 7.94h-3.694zm10.755-4.389l-.757-.738q.952-1.993.605-4.146q-.348-2.152-1.901-3.706q-1.554-1.554-3.707-1.901t-4.145.605l-.739-.758q2.329-1.2 4.893-.853q2.565.347 4.411 2.193t2.193 4.41t-.853 4.894m-2.604-2.604l-.853-.854q.038-.76-.197-1.462q-.236-.703-.776-1.244q-.546-.546-1.25-.794t-1.468-.171l-.873-.892q1.175-.252 2.318.027q1.142.278 1.98 1.117t1.115 1.978t.005 2.295"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m8.037 20.216l-4.272-4.247l3.822-3.782V8.473l7.946 7.94h-3.694zm10.755-4.389l-.757-.738q.952-1.993.605-4.146q-.348-2.152-1.901-3.706q-1.554-1.554-3.707-1.901t-4.145.605l-.739-.758q2.329-1.2 4.893-.853q2.565.347 4.411 2.193t2.193 4.41t-.853 4.894m-2.604-2.604l-.853-.854q.038-.76-.197-1.462q-.236-.703-.776-1.244q-.546-.546-1.25-.794t-1.468-.171l-.873-.892q1.175-.252 2.318.027q1.142.278 1.98 1.117t1.115 1.978t.005 2.295"/></svg> </template>
CSS
.icon-sound-detection-loud-sound-sharp {
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%22m8.037%2020.216l-4.272-4.247l3.822-3.782V8.473l7.946%207.94h-3.694zm10.755-4.389l-.757-.738q.952-1.993.605-4.146q-.348-2.152-1.901-3.706q-1.554-1.554-3.707-1.901t-4.145.605l-.739-.758q2.329-1.2%204.893-.853q2.565.347%204.411%202.193t2.193%204.41t-.853%204.894m-2.604-2.604l-.853-.854q.038-.76-.197-1.462q-.236-.703-.776-1.244q-.546-.546-1.25-.794t-1.468-.171l-.873-.892q1.175-.252%202.318.027q1.142.278%201.98%201.117t1.115%201.978t.005%202.295%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%22m8.037%2020.216l-4.272-4.247l3.822-3.782V8.473l7.946%207.94h-3.694zm10.755-4.389l-.757-.738q.952-1.993.605-4.146q-.348-2.152-1.901-3.706q-1.554-1.554-3.707-1.901t-4.145.605l-.739-.758q2.329-1.2%204.893-.853q2.565.347%204.411%202.193t2.193%204.41t-.853%204.894m-2.604-2.604l-.853-.854q.038-.76-.197-1.462q-.236-.703-.776-1.244q-.546-.546-1.25-.794t-1.468-.171l-.873-.892q1.175-.252%202.318.027q1.142.278%201.98%201.117t1.115%201.978t.005%202.295%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/sound-detection-loud-sound-sharp.svg?color=%231a73e8&size=48
