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

const PowerIcon = ({size, color}:{size: number, color: string}) => (
  <Svg
    viewBox="0 0 1024 1024"
    width={size}
    height={size}
  >
    {/* Outer circle */}
    <Path
      d="M815.5 208.6C734.5 127.7 626.8 83.1 512 83.1c-114.8 0-222.5 44.6-303.4 125.5C127.7 289.5 83.1 397.3 83.1 512c0 114.8 44.6 222.5 125.5 303.4 80.9 80.9 188.7 125.5 303.4 125.5 114.7 0 222.5-44.6 303.4-125.5C982.7 648.1 982.7 375.9 815.5 208.6zM776 776c-70.4 70.4-164.1 109.2-264 109.2-99.9 0-193.6-38.8-264-109.2-145.6-145.6-145.6-382.5 0-528 70.4-70.4 164.1-109.2 264-109.2 99.8 0 193.6 38.8 264 109.2 70.4 70.4 109.2 164.1 109.2 264S846.4 705.6 776 776z"
      fill={color}
    />
    
    {/* Power symbol */}
    <Path
      d="M667.7 506.9l0.4-0.1c9-2.9 15-11.2 15-20.6 0-11.9-9.6-21.5-21.5-21.5L531.7 464.7l0-39.8 133.5-132.2 0.2-0.4c0.9-1.8 1.8-5.1 2-8.5 0.4-5.7-1.5-11.3-5.4-15.8-3.6-4-9.6-6.4-16.2-6.4-5.7 0-11 1.8-14.5 5l-120.7 119L382.9 260.3l-0.1-0.1c-2.9-2.5-7.7-4-13.2-4-7 0-13.4 2.4-16.7 6.2-6.3 7.1-7.2 17.7-2.2 25.7l2.1 3.4 135.6 132.4 0 40.9-135.7 1-0.4 0-0.4 0.1c-9 2.9-15 11.2-15 20.5 0 9.4 6 17.6 15 20.5l3.5 1.1 132.8 0 0 66.8-135.7 1-0.4 0-0.3 0.1c-9 2.8-15 11.1-15 20.5 0 9.4 6 17.7 15 20.6l3.4 1.1 132.9 0 0.1 132.8 1.1 2.2c2.9 8.8 11.1 14.8 20.4 14.8 9.4 0 17.6-6 20.5-15l1.1-3.5L531.3 618.1l136-1 0.4-0.1c9-2.9 15-11.2 15-20.6 0-11.9-9.6-21.5-21.5-21.5L531.7 574.9 531.7 508 667.7 506.9z"
      fill={color}
    />
  </Svg>
);

export default PowerIcon;