Music Player

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 512 512"
>
    <path
        d="M488.727 0H23.273C10.418 0 0 10.42 0 23.273v465.455C0 501.58 10.418 512 23.273 512h465.455C501.582 512 512 501.58 512 488.727V23.273C512 10.42 501.582 0 488.727 0z"
        fill="#e9d535"
    />
    <path
        d="M488.727 0H256v512h232.727C501.582 512 512 501.58 512 488.727V23.273C512 10.42 501.582 0 488.727 0z"
        fill="#dd9520"
    />
    <path
        d="M232.727 372.364a23.184 23.184 0 0 1-16.454-6.817l-93.091-93.091c-9.09-9.087-9.09-23.824 0-32.912 9.087-9.089 23.824-9.089 32.912 0l93.091 93.091c9.087 9.087 9.087 23.824 0 32.912a23.2 23.2 0 0 1-16.458 6.817z"
        fill="#5b699c"
    />
    <path
        d="M279.273 372.364a23.184 23.184 0 0 1-16.454-6.817c-9.09-9.087-9.09-23.823 0-32.912l93.091-93.091c9.087-9.089 23.823-9.089 32.912 0 9.087 9.087 9.087 23.824 0 32.912l-93.091 93.091a23.2 23.2 0 0 1-16.458 6.817z"
        fill="#2d4175"
    />
    <circle cx="372.36" cy="139.64" r="116.36" fill="#2d4175" />
    <circle cx="139.64" cy="139.64" r="116.36" fill="#5b699c" />
    <path
        d="M412.099 379.17c-4.346-4.329-10.333-6.811-16.463-6.811-6.127 0-12.116 2.482-16.46 6.811-4.327 4.344-6.813 10.333-6.813 16.462s2.486 12.133 6.813 16.462c4.346 4.329 10.333 6.811 16.46 6.811 6.13 0 12.117-2.482 16.463-6.811 4.327-4.329 6.81-10.333 6.81-16.462s-2.482-12.119-6.81-16.462z"
        fill="#2d4175"
    />
    <path
        d="M302.545 372.364h-93.091c-12.851 0-23.273-10.42-23.273-23.273s10.422-23.273 23.273-23.273h93.091c12.854 0 23.273 10.42 23.273 23.273s-10.418 23.273-23.273 23.273zM472.218 42.133c-.363-.419-.721-.838-1.119-1.233-.397-.397-.815-.754-1.233-1.117C444.681 15.186 410.267 0 372.364 0 323.848 0 281.037 24.877 256 62.542 230.963 24.877 188.154 0 139.636 0 62.639 0 0 62.641 0 139.636c0 25.195 6.709 48.853 18.434 69.283.098.177.172.358.273.535.236.406.486.799.74 1.185 24.342 41.05 69.101 68.633 120.19 68.633 48.521 0 91.318-24.889 116.354-62.556 25.034 37.671 67.852 62.556 116.373 62.556 76.997 0 139.636-62.641 139.636-139.636 0-37.902-15.185-72.317-39.782-97.503zm-99.854 4.412a92.503 92.503 0 0 1 47.251 12.929l-49.233 49.231a30.773 30.773 0 0 0-11.764 3.153l-67.252-18.019c16.012-28.208 46.31-47.294 80.998-47.294zM46.545 139.636c0-43.297 29.712-79.785 69.818-90.146v69.689a30.985 30.985 0 0 0-6.104 10.544l-60.306 34.818a92.851 92.851 0 0 1-3.408-24.905zm93.091 93.091c-25.963 0-49.47-10.698-66.369-27.899l60.233-34.776a31.1 31.1 0 0 0 6.136.614 31.16 31.16 0 0 0 6.136-.614l60.233 34.776c-16.899 17.202-40.402 27.899-66.369 27.899zm89.683-68.186-60.3-34.818a30.983 30.983 0 0 0-6.11-10.544V49.49c40.107 10.361 69.818 46.848 69.818 90.146a92.811 92.811 0 0 1-3.408 24.905zm143.045 68.186c-51.33 0-93.091-41.761-93.091-93.091 0-.284.022-.562.022-.844l67.249 18.018a31.255 31.255 0 0 0 8.648 8.648l18.018 67.247c-.283.002-.561.022-.846.022zm45.8-12.094-18.021-67.252a30.83 30.83 0 0 0 3.154-11.764l49.23-49.231a92.514 92.514 0 0 1 12.927 47.25c.001 34.688-19.085 64.986-47.29 80.997z"
        fill="#d4cbf6"
    />
    <path
        d="M302.545 372.364c12.854 0 23.273-10.42 23.273-23.273s-10.418-23.273-23.273-23.273H256v46.545h46.545v.001zM472.218 42.133c-.363-.419-.721-.838-1.119-1.233-.397-.397-.815-.754-1.233-1.117C444.681 15.186 410.267 0 372.364 0 323.848 0 281.037 24.877 256 62.542v-.002 154.19c25.037 37.665 67.846 62.543 116.364 62.543 76.997 0 139.636-62.641 139.636-139.636 0-37.903-15.185-72.318-39.782-97.504zm-99.854 4.412a92.503 92.503 0 0 1 47.251 12.929l-49.233 49.231a30.773 30.773 0 0 0-11.764 3.153l-67.252-18.019c16.012-28.208 46.31-47.294 80.998-47.294zm0 186.182c-51.33 0-93.091-41.761-93.091-93.091 0-.284.022-.562.022-.844l67.249 18.018a31.255 31.255 0 0 0 8.648 8.648l18.018 67.247c-.283.002-.561.022-.846.022zm45.8-12.094-18.021-67.252a30.83 30.83 0 0 0 3.154-11.764l49.23-49.231a92.514 92.514 0 0 1 12.927 47.25c.001 34.688-19.085 64.986-47.29 80.997z"
        fill="#ab99ec"
    />
</svg>