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

export const ClearGrayIcon = (props: SvgProps) => {
  return (
    <Svg width={20} height={20} viewBox="0 0 20 20" fill="none" {...props}>
      <Path
        d="M10 2a8 8 0 110 16 8 8 0 010-16zM7.81 7.114a.5.5 0 00-.638.058l-.058.069a.5.5 0 00.058.638L9.292 10l-2.12 2.121-.058.07a.5.5 0 00.058.637l.069.058a.5.5 0 00.638-.058L10 10.708l2.121 2.12.07.058a.5.5 0 00.637-.058l.058-.069a.5.5 0 00-.058-.638L10.708 10l2.12-2.121.058-.07a.5.5 0 00-.058-.637l-.069-.058a.5.5 0 00-.638.058L10 9.292l-2.121-2.12-.07-.058z"
        fill="#9CA3AF"
      />
    </Svg>
  );
};
