Search.tsx

import React from 'react';
import { I18nManager } from 'react-native';
import Svg, { G, Path } from 'react-native-svg';

import { IconProps } from '../utils/base';
import { useLegacyColors } from '../theme/useLegacyColors';

export const Search: React.FC<IconProps> = ({ fill, height = 24, scale = 1, width = 24 }) => {
  const { black } = useLegacyColors();
  const vbWidth = width * scale;
  return (
    <Svg
      fill='none'
      height={height * scale}
      viewBox={`0 0 ${vbWidth} ${height * scale}`}
      width={vbWidth}
    >
      <G scale={scale} transform={I18nManager.isRTL ? `matrix(-1 0 0 1 ${vbWidth} 0)` : undefined}>
        <Path
          clipRule='evenodd'
          d='M11 2c4.968 0 9 4.032 9 9s-4.032 9-9 9-9-4.032-9-9 4.032-9 9-9zm0 16c3.867 0 7-3.133 7-7 0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7zm11.314 2.899l-2.829-2.828-1.414 1.414 2.828 2.829 1.415-1.415z'
          fill={fill || black}
          fillRule='evenodd'
        />
      </G>
    </Svg>
  );
};