sound detection loud sound icon

sound-detection-loud-sound-outline from Material Symbols Light by Google · Outline · Audio & Video · Apache-2.0 Free for personal and commercial use.

Name
sound-detection-loud-sound-outline
Set
Material Symbols Light
Style
Outline
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="M15.533 16.414h-3.694l-2.672 2.67q-.46.46-1.143.46t-1.143-.46l-1.96-1.959q-.46-.46-.46-1.146q0-.687.46-1.146l2.666-2.647V8.473zm-2.421-1l-4.526-4.526v1.7L5.63 15.547q-.173.173-.173.433t.173.433l1.96 1.96q.172.172.432.172t.433-.173l2.957-2.957zM8.147 5.182q2.329-1.2 4.893-.853q2.565.347 4.411 2.193t2.193 4.41t-.853 4.894l-.758-.738q.952-1.993.605-4.146t-1.9-3.706q-1.555-1.554-3.707-1.901t-4.146.605zm2.623 2.623q1.175-.252 2.318.027q1.142.279 1.98 1.117t1.115 1.978t.005 2.295l-.854-.854q.038-.76-.197-1.462q-.236-.703-.776-1.243q-.546-.547-1.25-.795t-1.468-.171zm-1.513 6.936"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightSoundDetectionLoudSoundOutline(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="M15.533 16.414h-3.694l-2.672 2.67q-.46.46-1.143.46t-1.143-.46l-1.96-1.959q-.46-.46-.46-1.146q0-.687.46-1.146l2.666-2.647V8.473zm-2.421-1l-4.526-4.526v1.7L5.63 15.547q-.173.173-.173.433t.173.433l1.96 1.96q.172.172.432.172t.433-.173l2.957-2.957zM8.147 5.182q2.329-1.2 4.893-.853q2.565.347 4.411 2.193t2.193 4.41t-.853 4.894l-.758-.738q.952-1.993.605-4.146t-1.9-3.706q-1.555-1.554-3.707-1.901t-4.146.605zm2.623 2.623q1.175-.252 2.318.027q1.142.279 1.98 1.117t1.115 1.978t.005 2.295l-.854-.854q.038-.76-.197-1.462q-.236-.703-.776-1.243q-.546-.547-1.25-.795t-1.468-.171zm-1.513 6.936"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.533 16.414h-3.694l-2.672 2.67q-.46.46-1.143.46t-1.143-.46l-1.96-1.959q-.46-.46-.46-1.146q0-.687.46-1.146l2.666-2.647V8.473zm-2.421-1l-4.526-4.526v1.7L5.63 15.547q-.173.173-.173.433t.173.433l1.96 1.96q.172.172.432.172t.433-.173l2.957-2.957zM8.147 5.182q2.329-1.2 4.893-.853q2.565.347 4.411 2.193t2.193 4.41t-.853 4.894l-.758-.738q.952-1.993.605-4.146t-1.9-3.706q-1.555-1.554-3.707-1.901t-4.146.605zm2.623 2.623q1.175-.252 2.318.027q1.142.279 1.98 1.117t1.115 1.978t.005 2.295l-.854-.854q.038-.76-.197-1.462q-.236-.703-.776-1.243q-.546-.547-1.25-.795t-1.468-.171zm-1.513 6.936"/></svg>
</template>

CSS

.icon-sound-detection-loud-sound-outline {
  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%22M15.533%2016.414h-3.694l-2.672%202.67q-.46.46-1.143.46t-1.143-.46l-1.96-1.959q-.46-.46-.46-1.146q0-.687.46-1.146l2.666-2.647V8.473zm-2.421-1l-4.526-4.526v1.7L5.63%2015.547q-.173.173-.173.433t.173.433l1.96%201.96q.172.172.432.172t.433-.173l2.957-2.957zM8.147%205.182q2.329-1.2%204.893-.853q2.565.347%204.411%202.193t2.193%204.41t-.853%204.894l-.758-.738q.952-1.993.605-4.146t-1.9-3.706q-1.555-1.554-3.707-1.901t-4.146.605zm2.623%202.623q1.175-.252%202.318.027q1.142.279%201.98%201.117t1.115%201.978t.005%202.295l-.854-.854q.038-.76-.197-1.462q-.236-.703-.776-1.243q-.546-.547-1.25-.795t-1.468-.171zm-1.513%206.936%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%22M15.533%2016.414h-3.694l-2.672%202.67q-.46.46-1.143.46t-1.143-.46l-1.96-1.959q-.46-.46-.46-1.146q0-.687.46-1.146l2.666-2.647V8.473zm-2.421-1l-4.526-4.526v1.7L5.63%2015.547q-.173.173-.173.433t.173.433l1.96%201.96q.172.172.432.172t.433-.173l2.957-2.957zM8.147%205.182q2.329-1.2%204.893-.853q2.565.347%204.411%202.193t2.193%204.41t-.853%204.894l-.758-.738q.952-1.993.605-4.146t-1.9-3.706q-1.555-1.554-3.707-1.901t-4.146.605zm2.623%202.623q1.175-.252%202.318.027q1.142.279%201.98%201.117t1.115%201.978t.005%202.295l-.854-.854q.038-.76-.197-1.462q-.236-.703-.776-1.243q-.546-.547-1.25-.795t-1.468-.171zm-1.513%206.936%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-outline.svg?color=%231a73e8&size=48