import React from 'react';

export default function PlayOverlapIcon({
  size = 24,
  color = 'currentColor',
}: {
  size?: number;
  color?: string;
}) {
  return (
    <svg
      width={size}
      height={size}
      viewBox="0 0 32 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      {/* Filled play arrow */}
      <polygon points="4,4 4,20 16,12" fill={color} />
      {/* Outlined play arrow (underneath and to the right) */}
      <polygon
        points="12,4 12,20 24,12"
        fill="none"
        stroke={color}
        strokeWidth={1}
      />
    </svg>
  );
}