30 lines
598 B
TypeScript
30 lines
598 B
TypeScript
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>
|
|
);
|
|
}
|