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

export const SongwhipAppIcon: React.FC<IconProps> = ({
    className,
    testId = 'SongwhipAppIcon',
    size,
}) => (
    <svg
        data-testid={testId}
        className={cx('Icon AppIcon SongwhipAppIcon', className)}
        width={size}
        height={size}
        viewBox="0 0 48 48"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
    >
        <path
            d="M17.3331 38.5584C18.8826 38.5584 20.3961 38.3409 21.8735 37.8697C23.351 37.3986 24.7203 36.7462 25.9815 35.9127C27.2427 35.0791 28.2517 33.9918 29.0445 32.6146C29.8373 31.2374 30.2337 29.7152 30.2337 28.048C30.2337 27.7943 30.2337 27.6131 30.1976 27.5044C32.5039 27.2507 34.5579 27.1057 36.3956 27.0333C36.9001 26.9245 37.1524 26.8158 37.1524 26.6708C37.1524 26.1997 35.4587 25.9822 32.0714 25.9822C31.8192 25.9822 31.4588 25.9822 30.9904 25.9822C30.5219 25.9822 30.1616 25.9822 29.9454 25.9822C29.6931 25.0762 28.9724 23.554 27.7833 21.4157C26.5941 19.2774 26.0176 17.6465 26.0176 16.5229C26.0176 15.1095 26.7022 13.8772 28.0355 12.79C29.3688 11.7027 30.8823 11.1591 32.5399 11.1591C34.1615 11.1591 34.9542 11.594 34.9542 12.5C34.9542 13.0437 34.738 13.6235 34.3416 14.2034C33.9453 14.7833 33.3327 15.5081 32.5399 16.3417C32.4318 16.4505 32.3597 16.5592 32.3597 16.6317C32.3597 16.7042 32.3958 16.7404 32.5039 16.7404C32.8642 16.7404 33.2966 16.5592 33.8372 16.1968C36.3236 14.7108 37.5488 13.2611 37.5127 11.8839C37.4767 11.0503 36.756 10.3255 35.3506 9.70935C33.9453 9.09323 32.3597 8.80329 30.594 8.87578C28.2517 8.91202 26.0896 9.63687 24.0717 11.0141C22.0537 12.3913 21.0447 14.0222 21.0447 15.8706C21.0447 17.2478 21.7654 19.0962 23.2068 21.3794C24.6482 23.6627 25.441 25.2936 25.6212 26.2722C21.0087 26.7071 17.1529 27.5044 14.0539 28.7004C10.9549 29.8964 9.4054 31.2736 9.4054 32.832C9.4054 33.2307 9.54954 33.7381 9.83782 34.3542C10.1261 34.9704 10.5585 35.5865 11.1351 36.2388C11.7116 36.8912 12.5044 37.4348 13.5494 37.906C14.5944 38.3771 15.7476 38.5946 17.0448 38.5946L17.3331 38.5584ZM15.3151 36.0576H14.7746C13.4053 36.0576 12.7206 35.5502 12.7206 34.5717C12.7206 33.4844 13.9098 32.3609 16.2881 31.1649C18.6664 29.9689 21.7294 28.9903 25.5131 28.2293C25.1887 30.6213 23.9996 32.5059 21.9456 33.9193C19.8916 35.3328 17.6574 36.0214 15.2791 36.0214L15.3151 36.0576Z"
            fill="black"
        />
        <circle cx="24" cy="24" r="18.5" stroke="black" strokeWidth="3" />
    </svg>
);