import React from 'react';
import cx from 'classnames';
import type { IconProps } from '../types';

export const FansifterAppIcon: React.FC<IconProps> = ({
    className,
    testId = 'FansifterAppIcon',
    size,
}) => (
    <svg
        data-testid={testId}
        className={cx('Icon AppIcon FansifterAppIcon', className)}
        width={size}
        height={size}
        viewBox="0 0 48 48"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
    >
        <path
            d="M32.0003 12C32.0003 16.4183 28.4185 20 24.0003 20C19.582 20 16.0003 16.4183 16.0003 12C16.0003 7.58172 19.582 4 24.0003 4C28.4185 4 32.0003 7.58172 32.0003 12Z"
            fill="url(#FansifterAppIconGradient)"
        />
        <path
            d="M35.1716 24.8287C34.4214 25.5788 34 26.5963 34 27.6571V40C34 42.2091 31.7614 44 29 44H19C16.2386 44 14 42.2091 14 40V27.6566C14 26.5957 13.5786 25.5783 12.8284 24.8282L5.25026 17.25C4.28377 16.2835 4.28377 14.7165 5.25026 13.75C6.21676 12.7835 7.78376 12.7835 8.75026 13.75L16.0003 21C18.1233 22.9002 20.9268 24 24.0003 24C27.0737 24 29.8772 22.9002 32.0003 21L39.2503 13.75C40.2168 12.7835 41.7838 12.7835 42.7503 13.75C43.7168 14.7165 43.7168 16.2835 42.7503 17.25L35.1716 24.8287Z"
            fill="url(#FansifterAppIconGradient)"
        />
        <defs>
            <linearGradient
                id="FansifterAppIconGradient"
                x1="21.7716"
                y1="4"
                x2="51.8939"
                y2="21.7332"
                gradientUnits="userSpaceOnUse"
            >
                <stop stopColor="var(--app-icon-gradient-color-0)" />
                <stop offset="1" stopColor="var(--app-icon-gradient-color-1)" />
            </linearGradient>
        </defs>
    </svg>
);