import React from 'react';
import Icon from '../../src/Icon';

const ClearVolumeIndicatorIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 36 24" fill="currentColor"><path d="M34 24a2 2 0 0 1-2-2V2a2 2 0 0 1 4 0v20a2 2 0 0 1-2 2zm-8 0a2 2 0 0 1-2-2V6a2 2 0 0 1 4 0v16a2 2 0 0 1-2 2zm0 0zm0-20zm-8 20a2 2 0 0 1-2-2V10a2 2 0 0 1 4 0v12a2 2 0 0 1-2 2zm-8 0a2 2 0 0 1-2-2v-8a2 2 0 0 1 4 0v8a2 2 0 0 1-2 2zm-8 0a2 2 0 0 1-2-2v-4a2 2 0 0 1 4 0v4a2 2 0 0 1-2 2z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearVolumeIndicatorIcon;