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

const ClearJoystickIcon = props => (
  <Icon
    dangerouslySetGlyph={
      '<svg viewBox="0 0 40 40" fill="currentColor"><path d="M36 40H4a4 4 0 0 1-4-4V26a4 4 0 0 1 4-4h14v-8a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2v8h14a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4zM24 22h-2v4h-4v-4h-2v6h8v-6zm12 4h-8v2a4 4 0 0 1-4 4h-8a4 4 0 0 1-4-4v-2H4v10h32V26z" fill-rule="evenodd" clip-rule="evenodd"/></svg>'
    }
    {...props}
  />
);

export default ClearJoystickIcon;