whistle.data-checker/src/components/Icon/index.js

data checker for testing

import Icon from '@ant-design/icons';
import React from 'react';

const RecordSvg = () => (
  <svg viewBox="0 0 1024 1024" fill="currentColor" width="1em" height="1em">
    <path d="M128 128h768v768H128z" />
  </svg>
);

const ClearSvg = () => (
  <svg viewBox="0 0 1504 1499" fill="currentColor" width="0.8em" height="0.8em">
    <path d="m1192.2 1.7c11.2 0 22.3 4.3 30.9 12.8l264.1 264.1c17 17 17 44.7 0 61.8l-408.6 408.5 408.6 408.6c17 17 17 44.7 0 61.8l-264.1 264.1c-17.1 17-44.8 17-61.8 0l-408.6-408.6-408.5 408.6c-17.1 17-44.7 17-61.8 0l-264.1-264.1c-17.1-17.1-17.1-44.8 0-61.8l408.5-408.6-408.5-408.5c-17.1-17.1-17.1-44.8 0-61.8l264.1-264.1c17.1-17.1 44.7-17.1 61.8 0l408.5 408.5 408.6-408.5c8.5-8.5 19.7-12.8 30.9-12.8z" />
  </svg>
);

export const RecordIcon = (props) => <Icon component={RecordSvg} {...props} />;
export const ClearIcon = (props) => <Icon component={ClearSvg} {...props} />;