export const PulsingLinesIcon: React.FC<React.SVGProps<SVGSVGElement>> = (
  props
) => {
  return (
    <svg
      xmlns='http://www.w3.org/2000/svg'
      width='1em'
      height='1em'
      viewBox='0 0 24 24'
      fill='currentColor'
      {...props}
    >
      <g transform='translate(12,12)'>
        <rect
          className='animate-wave [animation-play-state:var(--animation-play-state,playing)] animate-delay-0'
          x={-10}
          y={-7}
          width={4}
          height={14}
          rx={2}
        />
        <rect
          className='animate-wave [animation-play-state:var(--animation-play-state,playing)] animate-delay-100'
          x={-2}
          y={-7}
          width={4}
          height={14}
          rx={2}
        />
        <rect
          className='animate-wave [animation-play-state:var(--animation-play-state,playing)] animate-delay-200'
          x={6}
          y={-7}
          width={4}
          height={14}
          rx={2}
        />
      </g>
    </svg>
  );
};
export default PulsingLinesIcon;