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

export const MyPageOn = ({ color = '#CCC', style, ...props }: SvgProps) => (
  <Svg width={25} height={24} viewBox="0 0 25 24" fill="none" {...props}>
    <Path
      d="M12.5 2c-5.523 0-10 4.477-10 10s4.477 10 10 10 10-4.477 10-10-4.477-10-10-10zm0 2.75a3.25 3.25 0 110 6.5 3.25 3.25 0 010-6.5zm0 15.25a7.99 7.99 0 01-6.646-3.547C6.975 14.823 10.546 14 12.5 14c1.954 0 5.525.823 6.646 2.453A7.99 7.99 0 0112.5 20z"
      fill="#191F28"
    />
  </Svg>
);
