<svg xmlns="http://www.w3.org/2000/svg" class="equilizer" viewBox="0 0 128 128">
  <g>
    <title>Audio Equilizer</title>
    <rect class="bar" height="100" transform="translate(0,0)" y="15"></rect>
    <rect class="bar" height="80" transform="translate(25,0)" y="15"></rect>
    <rect class="bar" height="60" transform="translate(50,0)" y="15"></rect>
    <rect class="bar" height="40" transform="translate(75,0)" y="15"></rect>
    <rect class="bar" height="20" transform="translate(100,0)" y="15"></rect>
  </g>
</svg>
$max: 100px;

.equilizer {
  height: $max;
  width: $max;
  transform: rotate(180deg);
}

.bar {
  fill: DeepPink;
  width: 18px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.