Device EQ icon
Used in device audio adjusting scenarios. The Device EQ icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Use the Device EQ icon in React
Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.
npm install @fluentui/react-icons
import { DeviceEq24Regular, DeviceEq24Filled } from "@fluentui/react-icons";
export function Example() {
return <DeviceEq24Regular aria-label="Device EQ" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_device_eq_24_regular.svg" width="24" height="24" alt="Device EQ"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.9999 3C12.3796 3 12.6934 3.28215 12.743 3.64823L12.7499 3.75V20.25C12.7499 20.6642 12.4141 21 11.9999 21C11.6202 21 11.3064 20.7178 11.2567 20.3518L11.2499 20.25V3.75C11.2499 3.33579 11.5857 3 11.9999 3ZM8.25481 6C8.63451 6 8.9483 6.28215 8.99796 6.64823L9.00481 6.75V17.25C9.00481 17.6642 8.66902 18 8.25481 18C7.87511 18 7.56132 17.7178 7.51166 17.3518L7.50481 17.25V6.75C7.50481 6.33579 7.8406 6 8.25481 6ZM15.7449 6C16.1246 6 16.4384 6.28215 16.4881 6.64823L16.4949 6.75V17.25C16.4949 17.6642 16.1591 18 15.7449 18C15.3652 18 15.0514 17.7178 15.0018 17.3518L14.9949 17.25V6.75C14.9949 6.33579 15.3307 6 15.7449 6ZM4.75098 9C5.13067 9 5.44447 9.28215 5.49413 9.64823L5.50098 9.75V14.25C5.50098 14.6642 5.16519 15 4.75098 15C4.37128 15 4.05749 14.7178 4.00782 14.3518L4.00098 14.25V9.75C4.00098 9.33579 4.33676 9 4.75098 9ZM19.2521 9C19.6318 9 19.9456 9.28215 19.9952 9.64823L20.0021 9.75V14.2487C20.0021 14.6629 19.6663 14.9987 19.2521 14.9987C18.8724 14.9987 18.5586 14.7165 18.5089 14.3504L18.5021 14.2487V9.75C18.5021 9.33579 18.8378 9 19.2521 9Z" fill="currentColor"/></svg>Use it from the SVG package
Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:
npm install @fluentui/svg-icons
import icon from "@fluentui/svg-icons/icons/device_eq_24_regular.svg";Details
| Name | Device EQ |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_device_eq_24_regular.svg |
| Filled file | ic_fluent_device_eq_24_filled.svg |
| React components | DeviceEq24Regular, DeviceEq24Filled |
| License | MIT (© Microsoft Corporation) |