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

const ClearHeadphonesIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 44 42" fill="currentColor"><path d="M44 30c0 6.627-5.373 12-12 12h-2a4 4 0 0 1-4-4V22a4 4 0 0 1 4-4h2c1.392 0 2.722.249 3.965.685.011-.228.035-.454.035-.685 0-7.732-6.268-14-14-14S8 10.268 8 18c0 .231.021.458.031.686A11.968 11.968 0 0 1 12 18h2a4 4 0 0 1 4 4v16a4 4 0 0 1-4 4h-2C5.373 42 0 36.627 0 30c0-3.667 1.649-6.946 4.243-9.147A18.004 18.004 0 0 1 4 18C4 8.059 12.059 0 22 0s18 8.059 18 18c0 .972-.099 1.919-.247 2.849A11.97 11.97 0 0 1 44 30zM4 30a8 8 0 0 0 8 8V22a8 8 0 0 0-8 8zm28-8v16a8 8 0 0 0 0-16z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearHeadphonesIcon;