computer sound icon
computer-sound-rounded from Material Symbols by Google · Rounded · Hardware · Apache-2.0 Free for personal and commercial use.
- Name
- computer-sound-rounded
- Set
- Material Symbols
- Style
- Rounded
- Category
- Hardware
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols
The same icon in other sets
More hardware icons from Material Symbols
add-diamondadf-scanneraod-tabletaod-watcharrows-left-right-circlearrows-up-down-circleassistant-deviceaudio-video-receiverb-circlebalancebrowser-updatedcamera-videocastcast-connectedcast-for-educationcast-pausecast-warningchromecast-devicecircle-circlecomputercomputer-arrow-upcomputer-cancelconnected-tvdeskphone
Use the computer sound icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 18q-.825 0-1.412-.587T2 16V5q0-.825.588-1.412T4 3h14.35q.5 0 .688.463t-.163.812q-.175.175-.337.363T18.175 5l-2.6 2.575q-.275.275-.425.65T15 9v2.975q0 .4.15.775t.425.65l2.6 2.6q.175.2.363.363t.362.362q.35.35.163.813t-.688.462zm-2 3q-.425 0-.712-.288T1 20t.288-.712T2 19h20q.425 0 .713.288T23 20t-.288.713T22 21zm17.725-6.462q-.125-.363.15-.688q.575-.725.85-1.562T21 10.5t-.275-1.787t-.85-1.563q-.275-.325-.15-.687t.45-.563t.738-.175t.762.525q.65.925.988 2.013T23 10.5t-.337 2.238t-.988 2.012q-.35.5-.763.525t-.737-.175t-.45-.562m-2.488-2.426q-.162-.362.063-.787q.125-.2.163-.4t.037-.425t-.037-.425t-.163-.4q-.225-.425-.062-.788t.512-.537t.738-.088t.637.563q.2.4.288.825t.087.85t-.088.85t-.287.825q-.25.475-.638.562t-.737-.087t-.513-.537"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsComputerSoundRounded(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="M4 18q-.825 0-1.412-.587T2 16V5q0-.825.588-1.412T4 3h14.35q.5 0 .688.463t-.163.812q-.175.175-.337.363T18.175 5l-2.6 2.575q-.275.275-.425.65T15 9v2.975q0 .4.15.775t.425.65l2.6 2.6q.175.2.363.363t.362.362q.35.35.163.813t-.688.462zm-2 3q-.425 0-.712-.288T1 20t.288-.712T2 19h20q.425 0 .713.288T23 20t-.288.713T22 21zm17.725-6.462q-.125-.363.15-.688q.575-.725.85-1.562T21 10.5t-.275-1.787t-.85-1.563q-.275-.325-.15-.687t.45-.563t.738-.175t.762.525q.65.925.988 2.013T23 10.5t-.337 2.238t-.988 2.012q-.35.5-.763.525t-.737-.175t-.45-.562m-2.488-2.426q-.162-.362.063-.787q.125-.2.163-.4t.037-.425t-.037-.425t-.163-.4q-.225-.425-.062-.788t.512-.537t.738-.088t.637.563q.2.4.288.825t.087.85t-.088.85t-.287.825q-.25.475-.638.562t-.737-.087t-.513-.537"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 18q-.825 0-1.412-.587T2 16V5q0-.825.588-1.412T4 3h14.35q.5 0 .688.463t-.163.812q-.175.175-.337.363T18.175 5l-2.6 2.575q-.275.275-.425.65T15 9v2.975q0 .4.15.775t.425.65l2.6 2.6q.175.2.363.363t.362.362q.35.35.163.813t-.688.462zm-2 3q-.425 0-.712-.288T1 20t.288-.712T2 19h20q.425 0 .713.288T23 20t-.288.713T22 21zm17.725-6.462q-.125-.363.15-.688q.575-.725.85-1.562T21 10.5t-.275-1.787t-.85-1.563q-.275-.325-.15-.687t.45-.563t.738-.175t.762.525q.65.925.988 2.013T23 10.5t-.337 2.238t-.988 2.012q-.35.5-.763.525t-.737-.175t-.45-.562m-2.488-2.426q-.162-.362.063-.787q.125-.2.163-.4t.037-.425t-.037-.425t-.163-.4q-.225-.425-.062-.788t.512-.537t.738-.088t.637.563q.2.4.288.825t.087.85t-.088.85t-.287.825q-.25.475-.638.562t-.737-.087t-.513-.537"/></svg> </template>
CSS
.icon-computer-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%22M4%2018q-.825%200-1.412-.587T2%2016V5q0-.825.588-1.412T4%203h14.35q.5%200%20.688.463t-.163.812q-.175.175-.337.363T18.175%205l-2.6%202.575q-.275.275-.425.65T15%209v2.975q0%20.4.15.775t.425.65l2.6%202.6q.175.2.363.363t.362.362q.35.35.163.813t-.688.462zm-2%203q-.425%200-.712-.288T1%2020t.288-.712T2%2019h20q.425%200%20.713.288T23%2020t-.288.713T22%2021zm17.725-6.462q-.125-.363.15-.688q.575-.725.85-1.562T21%2010.5t-.275-1.787t-.85-1.563q-.275-.325-.15-.687t.45-.563t.738-.175t.762.525q.65.925.988%202.013T23%2010.5t-.337%202.238t-.988%202.012q-.35.5-.763.525t-.737-.175t-.45-.562m-2.488-2.426q-.162-.362.063-.787q.125-.2.163-.4t.037-.425t-.037-.425t-.163-.4q-.225-.425-.062-.788t.512-.537t.738-.088t.637.563q.2.4.288.825t.087.85t-.088.85t-.287.825q-.25.475-.638.562t-.737-.087t-.513-.537%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%22M4%2018q-.825%200-1.412-.587T2%2016V5q0-.825.588-1.412T4%203h14.35q.5%200%20.688.463t-.163.812q-.175.175-.337.363T18.175%205l-2.6%202.575q-.275.275-.425.65T15%209v2.975q0%20.4.15.775t.425.65l2.6%202.6q.175.2.363.363t.362.362q.35.35.163.813t-.688.462zm-2%203q-.425%200-.712-.288T1%2020t.288-.712T2%2019h20q.425%200%20.713.288T23%2020t-.288.713T22%2021zm17.725-6.462q-.125-.363.15-.688q.575-.725.85-1.562T21%2010.5t-.275-1.787t-.85-1.563q-.275-.325-.15-.687t.45-.563t.738-.175t.762.525q.65.925.988%202.013T23%2010.5t-.337%202.238t-.988%202.012q-.35.5-.763.525t-.737-.175t-.45-.562m-2.488-2.426q-.162-.362.063-.787q.125-.2.163-.4t.037-.425t-.037-.425t-.163-.4q-.225-.425-.062-.788t.512-.537t.738-.088t.637.563q.2.4.288.825t.087.85t-.088.85t-.287.825q-.25.475-.638.562t-.737-.087t-.513-.537%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/computer-sound-rounded.svg?color=%231a73e8&size=48
