import * as React from 'react';
import type { SvgProps } from 'react-native-svg';
import Svg, { Path } from 'react-native-svg';

export const InputClearIcon = (props: SvgProps) => {
  return (
    <Svg
    width={40}
    height={40}
    viewBox="0 0 40 40"
    fill="none"
    {...props}
    >
      <Path
        d="M20 10c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.477-10 10-10zm3.53 6.47l-.084-.073a.75.75 0 00-.882-.007l-.094.08L20 18.939l-2.47-2.47-.084-.072a.75.75 0 00-.882-.007l-.094.08-.073.084a.75.75 0 00-.007.882l.08.094L18.939 20l-2.47 2.47-.072.084a.75.75 0 00-.007.882l.08.094.084.073a.75.75 0 00.882.007l.094-.08L20 21.061l2.47 2.47.084.072a.75.75 0 00.882.007l.094-.08.073-.084a.75.75 0 00.007-.882l-.08-.094L21.061 20l2.47-2.47.072-.084a.75.75 0 00.007-.882l-.08-.094-.084-.073.084.073z"
        fill="#374151"
      />
    </Svg>
  )
}