Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

Simple Line Icons · SlEqualizer

Equalizer icon

A free equalizer icon from Simple Line Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

License: MIT license
Project: thesabbir.github.io

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/simple-line-icons/equalizer.json

components/icons/simple-line-icons-equalizer.tsx

import * as React from "react";

/**
 * Equalizer from Simple Line Icons (https://thesabbir.github.io/simple-line-icons/), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/simple-line-icons/equalizer. Sized in em, colored by currentColor.
 */
export function SlEqualizerIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 1024 1024"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M160.048 387.872V32c0-17.664-14.336-32-32-32s-32 14.336-32 32v355.84C40.72 402.096-.352 452.288-.352 512c0 59.727 41.072 109.903 96.4 124.176V992c0 17.664 14.336 32 32 32s32-14.336 32-32V636.144c55.28-14.304 96.305-64.447 96.305-124.144 0-59.68-41.025-109.84-96.305-124.128zm-31.632 188.16c-.112 0-.24-.03-.368-.03-.144 0-.272.032-.415.048-35.153-.208-63.697-28.848-63.697-64.048 0-35.184 28.56-63.84 63.712-64.033.128 0 .272.033.4.033s.24-.033.368-.033c35.136.224 63.664 28.864 63.664 64.032 0 35.183-28.528 63.807-63.664 64.031zm415.648 3.842l-.001-547.872c0-17.664-14.336-32-32-32s-32 14.336-32 32v547.84c-55.328 14.273-96.4 64.433-96.4 124.16s41.072 109.903 96.4 124.176v163.824c0 17.664 14.336 32 32 32s32-14.336 32-32V828.146c55.264-14.304 96.288-64.447 96.288-124.144-.016-59.664-41.023-109.824-96.287-124.128zm-31.649 188.16c-.128 0-.24-.031-.368-.031-.144 0-.272.032-.415.048-35.153-.208-63.697-28.848-63.697-64.048 0-35.216 28.609-63.872 63.792-64.032.113 0 .225.032.337.032.096 0 .192-.032.288-.032 35.168.192 63.744 28.832 63.744 64.032 0 35.183-28.529 63.807-63.681 64.031zm415.648-572.159l-.001-163.871c0-17.664-14.336-32-32-32-17.68 0-32 14.336-32 32v163.84c-55.328 14.256-96.4 64.432-96.4 124.159s41.072 109.92 96.4 124.176v547.824c0 17.664 14.32 32 32 32 17.664 0 32-14.336 32-32V444.147c55.264-14.304 96.288-64.447 96.288-124.144-.016-59.664-41.023-109.824-96.287-124.128zm-31.649 188.161c-.128 0-.24-.031-.352-.031-.143 0-.287.032-.415.032-35.152-.192-63.712-28.832-63.712-64.032 0-35.184 28.56-63.84 63.696-64.032.143 0 .287.032.415.032s.24-.032.352-.032c35.136.24 63.664 28.864 63.664 64.032.033 35.183-28.496 63.807-63.648 64.031z"
      />
    </svg>
  );
}

With react-icons

import { SlEqualizer } from "react-icons/sl";

export function Example() {
  return <SlEqualizer className="size-5" />;
}

equalizer.svg

<svg
  viewBox="0 0 1024 1024"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M160.048 387.872V32c0-17.664-14.336-32-32-32s-32 14.336-32 32v355.84C40.72 402.096-.352 452.288-.352 512c0 59.727 41.072 109.903 96.4 124.176V992c0 17.664 14.336 32 32 32s32-14.336 32-32V636.144c55.28-14.304 96.305-64.447 96.305-124.144 0-59.68-41.025-109.84-96.305-124.128zm-31.632 188.16c-.112 0-.24-.03-.368-.03-.144 0-.272.032-.415.048-35.153-.208-63.697-28.848-63.697-64.048 0-35.184 28.56-63.84 63.712-64.033.128 0 .272.033.4.033s.24-.033.368-.033c35.136.224 63.664 28.864 63.664 64.032 0 35.183-28.528 63.807-63.664 64.031zm415.648 3.842l-.001-547.872c0-17.664-14.336-32-32-32s-32 14.336-32 32v547.84c-55.328 14.273-96.4 64.433-96.4 124.16s41.072 109.903 96.4 124.176v163.824c0 17.664 14.336 32 32 32s32-14.336 32-32V828.146c55.264-14.304 96.288-64.447 96.288-124.144-.016-59.664-41.023-109.824-96.287-124.128zm-31.649 188.16c-.128 0-.24-.031-.368-.031-.144 0-.272.032-.415.048-35.153-.208-63.697-28.848-63.697-64.048 0-35.216 28.609-63.872 63.792-64.032.113 0 .225.032.337.032.096 0 .192-.032.288-.032 35.168.192 63.744 28.832 63.744 64.032 0 35.183-28.529 63.807-63.681 64.031zm415.648-572.159l-.001-163.871c0-17.664-14.336-32-32-32-17.68 0-32 14.336-32 32v163.84c-55.328 14.256-96.4 64.432-96.4 124.159s41.072 109.92 96.4 124.176v547.824c0 17.664 14.32 32 32 32 17.664 0 32-14.336 32-32V444.147c55.264-14.304 96.288-64.447 96.288-124.144-.016-59.664-41.023-109.824-96.287-124.128zm-31.649 188.161c-.128 0-.24-.031-.352-.031-.143 0-.287.032-.415.032-35.152-.192-63.712-28.832-63.712-64.032 0-35.184 28.56-63.84 63.696-64.032.143 0 .287.032.415.032s.24-.032.352-.032c35.136.24 63.664 28.864 63.664 64.032.033 35.183-28.496 63.807-63.648 64.031z"
  />
</svg>

Attribution

"Equalizer" icon from Simple Line Icons (https://thesabbir.github.io/simple-line-icons/), licensed under MIT license.

Equalizer icon in other sets

Similar Simple Line Icons icons