import * as React from 'react';
import type { IconProps } from './types';

export const CirclePlayIcon = React.forwardRef<SVGSVGElement, IconProps>(
  ({ color = '#currentColor', ...props }, forwardedRef) => {
    return (
      <svg
        fill="none"
        height="16"
        viewBox="0 0 16 16"
        width="16"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <circle cx="8" cy="8" fill={color} r="8" />
        <path
          d="M13.25 7.56699C13.5833 7.75944 13.5833 8.24056 13.25 8.43301L5.75 12.7631C5.41667 12.9556 5 12.715 5 12.3301L5 3.66987C5 3.28497 5.41667 3.04441 5.75 3.23686L13.25 7.56699Z"
          fill="white"
        />
      </svg>
    );
  }
);

CirclePlayIcon.displayName = 'CirclePlayIcon';
