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

export const MyPageOff = ({ 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 2a8 8 0 018 8 7.954 7.954 0 01-1.281 4.33l-.77-.596C16.897 14.537 14.037 14 12.5 14s-4.398.537-5.95 1.734l-.769.598A7.954 7.954 0 014.5 12a8 8 0 018-8zm0 1.75A3.254 3.254 0 009.25 9a3.254 3.254 0 003.25 3.25A3.254 3.254 0 0015.75 9a3.254 3.254 0 00-3.25-3.25zm0 2c.689 0 1.25.561 1.25 1.25s-.561 1.25-1.25 1.25-1.25-.561-1.25-1.25.561-1.25 1.25-1.25zm0 8.25c3.1 0 4.768 1.169 5.549 1.754A7.966 7.966 0 0112.5 20a7.966 7.966 0 01-5.549-2.246C7.731 17.169 9.4 16 12.5 16zm5.912 1.375c-.11.12-.22.242-.336.355.117-.113.226-.235.336-.355z"
      fill="#191F28"
    />
  </Svg>
);
