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

const ClearSupportIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 44 50" 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.723.249 3.966.685.01-.229.034-.454.034-.685 0-7.732-6.268-14-14-14S8 10.268 8 18c0 .231.021.457.031.686A11.968 11.968 0 0 1 12 18h2a4 4 0 0 1 4 4v16a4 4 0 0 1-4 4h-2a11.94 11.94 0 0 1-7.375-2.547C6.032 43.271 9.692 46 14 46v2C7.604 48 2.391 42.992 2.034 36.685A11.945 11.945 0 0 1 0 30c0-3.667 1.649-6.946 4.242-9.147A18.122 18.122 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-16zM14 46h.184A2.99 2.99 0 0 1 17 44h6a3 3 0 1 1 0 6h-6a2.99 2.99 0 0 1-2.816-2H14v-2z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearSupportIcon;
