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

const ClearPhoneIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 40 40" fill="currentColor"><path d="M28 14a2 2 0 0 1 4 0 2 2 0 0 1-4 0zm2-2zm0 4zm-2 4a2 2 0 0 1 4 0 2 2 0 0 1-4 0zm2-2zm0 4zm-2 4a2 2 0 1 1 4 0 2 2 0 0 1-4 0zm2-2zm0 4zm-6-12a2 2 0 0 1 0-4 2 2 0 0 1 0 4zm0 8a2 2 0 0 1 0 4 2 2 0 0 1 0-4zm-2-4a2 2 0 0 1 4 0 2 2 0 0 1-4 0zm-6-6a2 2 0 0 1 4 0 2 2 0 0 1-4 0zm2-2zm0 4zm-2 4a2 2 0 0 1 4 0 2 2 0 0 1-4 0zm2-2zm0 4zm-2 4a2 2 0 1 1 4 0 2 2 0 0 1-4 0zm2-2zm0 4zm18 10H13.633A5.952 5.952 0 0 0 14 36v-2h22V6H14V4c0-.705-.144-1.371-.367-2H36a4 4 0 0 1 4 4v28a4 4 0 0 1-4 4zM8 40H4a4 4 0 0 1-4-4v-4c0-1.477.81-2.752 2-3.445v-17.11C.81 10.752 0 9.477 0 8V4a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v4c0 1.477-.809 2.752-2 3.445v17.11c1.19.693 2 1.968 2 3.445v4a4 4 0 0 1-4 4z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearPhoneIcon;