Joren/qbz
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(library): add source badge to album cards in Local Library

Browse Source 
Albums now show a small badge indicating their source:
- HardDrive icon for local files (source='user')
- Qobuz logo for offline cached content (source='qobuz_download')

Badge appears in bottom-right corner of album artwork.
This commit is contained in:
vicrodh committed 2026-01-28 02:40:00 -06:00
1 parent e025882a9f
commit e8f0c96ccc
7 files changed
+820 -6
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

static/qobuz-logo-filled.svg
+723
View File
@@ -0,0 +1,723 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.2" baseProfile="tiny" viewBox="0.00 0.00 1001.00 1006.00" width="1001.00" height="1006.00">
<g stroke-width="0.70" fill="none" stroke-linecap="butt">
<path stroke="#808080" vector-effect="non-scaling-stroke" d="
M 557.55 950.97
L 581.17 947.23"
/>
<path stroke="#6d6d6d" vector-effect="non-scaling-stroke" d="
M 581.17 947.23
Q 609.98 941.99 638.44 932.84"
/>
<path stroke="#535353" vector-effect="non-scaling-stroke" d="
M 638.44 932.84
Q 659.85 926.00 680.82 916.82"
/>
<path stroke="#474747" vector-effect="non-scaling-stroke" d="
M 680.82 916.82
L 697.13 909.33"
/>
<path stroke="#3c3c3c" vector-effect="non-scaling-stroke" d="
M 697.13 909.33
L 717.64 898.75"
/>
<path stroke="#292929" vector-effect="non-scaling-stroke" d="
M 717.64 898.75
L 730.04 891.73"
/>
<path stroke="#212121" vector-effect="non-scaling-stroke" d="
M 730.04 891.73
L 744.08 883.08"
/>
<path stroke="#191919" vector-effect="non-scaling-stroke" d="
M 744.08 883.08
L 757.43 874.20"
/>
<path stroke="#101010" vector-effect="non-scaling-stroke" d="
M 757.43 874.20
L 780.82 856.92
A 0.35 0.35 0.0 0 0 780.90 856.44
L 742.51 802.46"
/>
<path stroke="#808080" vector-effect="non-scaling-stroke" d="
M 742.51 802.46
L 892.52 952.45
A 0.66 0.66 0.0 0 0 893.44 952.45
L 948.52 897.37
A 0.69 0.69 0.0 0 0 948.52 896.41
L 846.49 794.39
A 0.63 0.62 -47.5 0 1 846.46 793.55
C 886.70 745.35 917.83 689.41 935.93 628.80
Q 965.50 529.79 949.45 427.27
C 935.07 335.44 893.56 249.75 829.14 182.43
C 765.53 115.95 683.65 70.07 594.25 50.69
C 469.95 23.75 339.47 50.27 235.76 122.68
C 184.69 158.33 141.36 204.55 108.85 257.30
C 47.98 356.05 26.76 474.17 49.94 588.07
C 73.77 705.16 141.86 809.09 241.04 875.95
Q 344.22 945.51 468.99 954.01
Q 511.07 956.88 557.55 950.97"
/>
<path stroke="#8f8f8f" vector-effect="non-scaling-stroke" d="
M 742.51 802.46
L 727.79 787.70"
/>
<path stroke="#808080" vector-effect="non-scaling-stroke" d="
M 727.79 787.70
Q 688.45 748.30 649.12 709.04
Q 640.04 699.97 637.83 696.22
C 627.05 677.88 632.20 654.66 649.80 642.74
C 662.25 634.31 678.43 633.99 691.56 641.27
Q 696.37 643.93 703.01 650.84
Q 706.19 654.15 783.29 731.16
A 0.33 0.31 -47.4 0 0 783.76 731.13
C 835.35 668.17 864.96 589.13 867.08 507.73
C 868.43 455.92 858.41 402.11 838.22 354.52
Q 792.68 247.17 693.44 184.61
C 637.52 149.36 571.14 129.28 503.67 128.46
C 429.03 127.55 357.26 148.19 295.83 188.39
C 198.63 252.01 137.36 357.58 129.54 473.00
C 122.38 578.71 162.21 684.08 236.05 757.97
Q 278.72 800.68 332.89 827.93
Q 410.44 866.94 500.95 867.06"
/>
<path stroke="#ffffff" vector-effect="non-scaling-stroke" d="
M 500.95 867.06
Q 506.74 878.08 510.46 883.34
Q 527.12 906.90 543.76 930.47
Q 550.86 940.53 557.55 950.97"
/>
<path stroke="#282828" vector-effect="non-scaling-stroke" d="
M 757.43 874.20
L 706.67 802.14"
/>
<path stroke="#101010" vector-effect="non-scaling-stroke" d="
M 727.79 787.70
Q 726.29 788.06 723.34 790.07
Q 720.70 791.88 716.07 795.56
Q 712.58 798.33 706.67 802.14"
/>
<path stroke="#191919" vector-effect="non-scaling-stroke" d="
M 706.67 802.14
L 693.03 811.18"
/>
<path stroke="#212121" vector-effect="non-scaling-stroke" d="
M 693.03 811.18
L 679.65 819.22"
/>
<path stroke="#292929" vector-effect="non-scaling-stroke" d="
M 679.65 819.22
L 666.59 826.26"
/>
<path stroke="#3c3c3c" vector-effect="non-scaling-stroke" d="
M 666.59 826.26
L 645.78 836.14"
/>
<path stroke="#474747" vector-effect="non-scaling-stroke" d="
M 645.78 836.14
L 629.16 842.94"
/>
<path stroke="#535353" vector-effect="non-scaling-stroke" d="
M 629.16 842.94
Q 622.56 845.28 615.87 847.55
Q 600.28 852.83 584.59 856.64"
/>
<path stroke="#6d6d6d" vector-effect="non-scaling-stroke" d="
M 584.59 856.64
Q 555.26 863.64 525.44 865.91"
/>
<path stroke="#808080" vector-effect="non-scaling-stroke" d="
M 525.44 865.91
L 500.95 867.06"
/>
<path stroke="#393939" vector-effect="non-scaling-stroke" d="
M 744.08 883.08
L 693.03 811.18"
/>
<path stroke="#646464" vector-effect="non-scaling-stroke" d="
M 717.64 898.75
L 666.59 826.26"
/>
<path stroke="#ededed" vector-effect="non-scaling-stroke" d="
M 581.17 947.23
Q 558.13 913.89 534.83 881.04
Q 530.83 875.40 525.44 865.91"
/>
<path stroke="#494949" vector-effect="non-scaling-stroke" d="
M 730.04 891.73
L 679.65 819.22"
/>
<path stroke="#9a9a9a" vector-effect="non-scaling-stroke" d="
M 680.82 916.82
L 629.16 842.94"
/>
<path stroke="#c0c0c0" vector-effect="non-scaling-stroke" d="
M 638.44 932.84
Q 612.13 894.05 584.59 856.64"
/>
<path stroke="#838383" vector-effect="non-scaling-stroke" d="
M 697.13 909.33
Q 691.04 899.88 684.80 890.95
Q 665.57 863.44 645.78 836.14"
/>
<path stroke="#474747" vector-effect="non-scaling-stroke" d="
M 451.95 162.31
Q 435.68 164.53 419.71 168.29"
/>
<path stroke="#3c3c3c" vector-effect="non-scaling-stroke" d="
M 419.71 168.29
Q 394.74 174.23 370.96 183.82"
/>
<path stroke="#292929" vector-effect="non-scaling-stroke" d="
M 370.96 183.82
Q 356.17 189.79 341.77 197.29"
/>
<path stroke="#212121" vector-effect="non-scaling-stroke" d="
M 341.77 197.29
L 320.67 209.22"
/>
<path stroke="#191919" vector-effect="non-scaling-stroke" d="
M 320.67 209.22
L 298.03 224.42"
/>
<path stroke="#101010" vector-effect="non-scaling-stroke" d="
M 298.03 224.42
Q 283.58 234.97 270.44 246.96
A 0.60 0.60 0.0 0 0 270.39 247.79
Q 313.72 299.08 358.88 351.85
Q 365.32 359.38 376.67 371.78
A 0.50 0.50 0.0 0 0 377.37 371.82
L 391.21 360.01"
/>
<path stroke="#191919" vector-effect="non-scaling-stroke" d="
M 391.21 360.01
L 402.60 351.90"
/>
<path stroke="#212121" vector-effect="non-scaling-stroke" d="
M 402.60 351.90
L 413.29 345.47"
/>
<path stroke="#292929" vector-effect="non-scaling-stroke" d="
M 413.29 345.47
L 428.78 337.87"
/>
<path stroke="#3c3c3c" vector-effect="non-scaling-stroke" d="
M 428.78 337.87
Q 440.89 332.67 453.85 329.25"
/>
<path stroke="#474747" vector-effect="non-scaling-stroke" d="
M 453.85 329.25
L 471.98 325.54"
/>
<path stroke="#535353" vector-effect="non-scaling-stroke" d="
M 471.98 325.54
Q 496.60 322.02 521.28 325.21"
/>
<path stroke="#474747" vector-effect="non-scaling-stroke" d="
M 521.28 325.21
L 541.82 329.28"
/>
<path stroke="#3c3c3c" vector-effect="non-scaling-stroke" d="
M 541.82 329.28
L 562.39 336.11"
/>
<path stroke="#292929" vector-effect="non-scaling-stroke" d="
M 562.39 336.11
L 582.19 345.47"
/>
<path stroke="#212121" vector-effect="non-scaling-stroke" d="
M 582.19 345.47
L 592.75 351.80"
/>
<path stroke="#191919" vector-effect="non-scaling-stroke" d="
M 592.75 351.80
L 605.25 360.64"
/>
<path stroke="#101010" vector-effect="non-scaling-stroke" d="
M 605.25 360.64
L 618.68 372.25
A 0.34 0.34 0.0 0 0 619.16 372.21
Q 644.65 342.33 670.35 312.36
C 692.62 286.40 708.15 268.67 724.35 246.79
A 0.57 0.56 -50.9 0 0 724.28 246.03
Q 712.00 234.89 698.78 225.28"
/>
<path stroke="#191919" vector-effect="non-scaling-stroke" d="
M 698.78 225.28
L 675.59 209.66"
/>
<path stroke="#212121" vector-effect="non-scaling-stroke" d="
M 675.59 209.66
L 654.50 197.70"
/>
<path stroke="#292929" vector-effect="non-scaling-stroke" d="
M 654.50 197.70
Q 636.00 188.05 616.48 180.75"
/>
<path stroke="#3c3c3c" vector-effect="non-scaling-stroke" d="
M 616.48 180.75
Q 597.04 173.41 576.63 168.50"
/>
<path stroke="#474747" vector-effect="non-scaling-stroke" d="
M 576.63 168.50
Q 557.47 163.90 537.73 161.53"
/>
<path stroke="#535353" vector-effect="non-scaling-stroke" d="
M 537.73 161.53
Q 494.77 156.50 451.95 162.31"
/>
<path stroke="#9a9a9a" vector-effect="non-scaling-stroke" d="
M 537.73 161.53
L 521.28 325.21"
/>
<path stroke="#9a9a9a" vector-effect="non-scaling-stroke" d="
M 471.98 325.54
Q 469.33 309.05 466.65 286.55
Q 459.42 225.76 455.01 184.26
Q 454.40 178.48 451.95 162.31"
/>
<path stroke="#838383" vector-effect="non-scaling-stroke" d="
M 453.85 329.25
Q 438.95 259.78 424.03 190.41
Q 422.35 182.63 419.71 168.29"
/>
<path stroke="#838383" vector-effect="non-scaling-stroke" d="
M 576.63 168.50
L 541.82 329.28"
/>
<path stroke="#646464" vector-effect="non-scaling-stroke" d="
M 428.78 337.87
L 370.96 183.82"
/>
<path stroke="#646464" vector-effect="non-scaling-stroke" d="
M 616.48 180.75
L 562.39 336.11"
/>
<path stroke="#494949" vector-effect="non-scaling-stroke" d="
M 413.29 345.47
Q 406.77 331.03 402.58 322.44
Q 372.14 259.96 341.77 197.29"
/>
<path stroke="#494949" vector-effect="non-scaling-stroke" d="
M 654.50 197.70
Q 649.89 206.51 648.26 209.80
Q 614.87 277.42 582.19 345.47"
/>
<path stroke="#393939" vector-effect="non-scaling-stroke" d="
M 402.60 351.90
L 320.67 209.22"
/>
<path stroke="#393939" vector-effect="non-scaling-stroke" d="
M 675.59 209.66
L 592.75 351.80"
/>
<path stroke="#282828" vector-effect="non-scaling-stroke" d="
M 391.21 360.01
L 298.03 224.42"
/>
<path stroke="#282828" vector-effect="non-scaling-stroke" d="
M 698.78 225.28
L 605.25 360.64"
/>
<path stroke="#808080" vector-effect="non-scaling-stroke" d="
M 640.22 497.61
A 142.40 142.40 0.0 0 0 497.82 355.21
A 142.40 142.40 0.0 0 0 355.42 497.61
A 142.40 142.40 0.0 0 0 497.82 640.01
A 142.40 142.40 0.0 0 0 640.22 497.61"
/>
<path stroke="#808080" vector-effect="non-scaling-stroke" d="
M 531.73 497.64
A 33.88 33.88 0.0 0 0 497.85 463.76
A 33.88 33.88 0.0 0 0 463.97 497.64
A 33.88 33.88 0.0 0 0 497.85 531.52
A 33.88 33.88 0.0 0 0 531.73 497.64"
/>
</g>
<path fill="#000000" d="
M 1001.00 894.06
L 1001.00 899.88
L 894.89 1006.00
L 890.94 1006.00
L 786.61 901.68
A 0.67 0.67 0.0 0 0 785.75 901.61
Q 692.31 967.36 581.53 986.49
C 480.05 1004.01 375.68 989.59 283.23 945.27
C 183.95 897.69 102.71 818.43 53.75 719.63
Q 5.29 621.86 1.62 512.99
C -3.07 374.00 51.60 238.98 151.52 141.59
C 216.34 78.41 297.18 34.41 385.36 14.17
C 521.35 -17.05 664.42 10.07 779.15 89.43
Q 853.16 140.62 903.94 213.54
Q 954.47 286.10 977.21 373.17
C 1014.81 517.13 985.41 670.55 897.80 790.36
A 0.45 0.43 40.7 0 0 897.85 790.93
L 1001.00 894.06
Z
M 557.55 950.97
L 581.17 947.23
Q 609.98 941.99 638.44 932.84
Q 659.85 926.00 680.82 916.82
L 697.13 909.33
L 717.64 898.75
L 730.04 891.73
L 744.08 883.08
L 757.43 874.20
L 780.82 856.92
A 0.35 0.35 0.0 0 0 780.90 856.44
L 742.51 802.46
L 892.52 952.45
A 0.66 0.66 0.0 0 0 893.44 952.45
L 948.52 897.37
A 0.69 0.69 0.0 0 0 948.52 896.41
L 846.49 794.39
A 0.63 0.62 -47.5 0 1 846.46 793.55
C 886.70 745.35 917.83 689.41 935.93 628.80
Q 965.50 529.79 949.45 427.27
C 935.07 335.44 893.56 249.75 829.14 182.43
C 765.53 115.95 683.65 70.07 594.25 50.69
C 469.95 23.75 339.47 50.27 235.76 122.68
C 184.69 158.33 141.36 204.55 108.85 257.30
C 47.98 356.05 26.76 474.17 49.94 588.07
C 73.77 705.16 141.86 809.09 241.04 875.95
Q 344.22 945.51 468.99 954.01
Q 511.07 956.88 557.55 950.97
Z"
/>
<g>
<path fill="#ffffff" d="
M 742.51 802.46
L 727.79 787.70
Q 688.45 748.30 649.12 709.04
Q 640.04 699.97 637.83 696.22
C 627.05 677.88 632.20 654.66 649.80 642.74
C 662.25 634.31 678.43 633.99 691.56 641.27
Q 696.37 643.93 703.01 650.84
Q 706.19 654.15 783.29 731.16
A 0.33 0.31 -47.4 0 0 783.76 731.13
C 835.35 668.17 864.96 589.13 867.08 507.73
C 868.43 455.92 858.41 402.11 838.22 354.52
Q 792.68 247.17 693.44 184.61
C 637.52 149.36 571.14 129.28 503.67 128.46
C 429.03 127.55 357.26 148.19 295.83 188.39
C 198.63 252.01 137.36 357.58 129.54 473.00
C 122.38 578.71 162.21 684.08 236.05 757.97
Q 278.72 800.68 332.89 827.93
Q 410.44 866.94 500.95 867.06
Q 506.74 878.08 510.46 883.34
Q 527.12 906.90 543.76 930.47
Q 550.86 940.53 557.55 950.97
Q 511.07 956.88 468.99 954.01
Q 344.22 945.51 241.04 875.95
C 141.86 809.09 73.77 705.16 49.94 588.07
C 26.76 474.17 47.98 356.05 108.85 257.30
C 141.36 204.55 184.69 158.33 235.76 122.68
C 339.47 50.27 469.95 23.75 594.25 50.69
C 683.65 70.07 765.53 115.95 829.14 182.43
C 893.56 249.75 935.07 335.44 949.45 427.27
Q 965.50 529.79 935.93 628.80
C 917.83 689.41 886.70 745.35 846.46 793.55
A 0.63 0.62 -47.5 0 0 846.49 794.39
L 948.52 896.41
A 0.69 0.69 0.0 0 1 948.52 897.37
L 893.44 952.45
A 0.66 0.66 0.0 0 1 892.52 952.45
L 742.51 802.46
Z"
/>
<path fill="#000000" d="
M 727.79 787.70
Q 726.29 788.06 723.34 790.07
Q 720.70 791.88 716.07 795.56
Q 712.58 798.33 706.67 802.14
L 693.03 811.18
L 679.65 819.22
L 666.59 826.26
L 645.78 836.14
L 629.16 842.94
Q 622.56 845.28 615.87 847.55
Q 600.28 852.83 584.59 856.64
Q 555.26 863.64 525.44 865.91
L 500.95 867.06
Q 410.44 866.94 332.89 827.93
Q 278.72 800.68 236.05 757.97
C 162.21 684.08 122.38 578.71 129.54 473.00
C 137.36 357.58 198.63 252.01 295.83 188.39
C 357.26 148.19 429.03 127.55 503.67 128.46
C 571.14 129.28 637.52 149.36 693.44 184.61
Q 792.68 247.17 838.22 354.52
C 858.41 402.11 868.43 455.92 867.08 507.73
C 864.96 589.13 835.35 668.17 783.76 731.13
A 0.33 0.31 -47.4 0 1 783.29 731.16
Q 706.19 654.15 703.01 650.84
Q 696.37 643.93 691.56 641.27
C 678.43 633.99 662.25 634.31 649.80 642.74
C 632.20 654.66 627.05 677.88 637.83 696.22
Q 640.04 699.97 649.12 709.04
Q 688.45 748.30 727.79 787.70
Z
M 451.95 162.31
Q 435.68 164.53 419.71 168.29
Q 394.74 174.23 370.96 183.82
Q 356.17 189.79 341.77 197.29
L 320.67 209.22
L 298.03 224.42
Q 283.58 234.97 270.44 246.96
A 0.60 0.60 0.0 0 0 270.39 247.79
Q 313.72 299.08 358.88 351.85
Q 365.32 359.38 376.67 371.78
A 0.50 0.50 0.0 0 0 377.37 371.82
L 391.21 360.01
L 402.60 351.90
L 413.29 345.47
L 428.78 337.87
Q 440.89 332.67 453.85 329.25
L 471.98 325.54
Q 496.60 322.02 521.28 325.21
L 541.82 329.28
L 562.39 336.11
L 582.19 345.47
L 592.75 351.80
L 605.25 360.64
L 618.68 372.25
A 0.34 0.34 0.0 0 0 619.16 372.21
Q 644.65 342.33 670.35 312.36
C 692.62 286.40 708.15 268.67 724.35 246.79
A 0.57 0.56 -50.9 0 0 724.28 246.03
Q 712.00 234.89 698.78 225.28
L 675.59 209.66
L 654.50 197.70
Q 636.00 188.05 616.48 180.75
Q 597.04 173.41 576.63 168.50
Q 557.47 163.90 537.73 161.53
Q 494.77 156.50 451.95 162.31
Z
M 640.22 497.61
A 142.40 142.40 0.0 0 0 497.82 355.21
A 142.40 142.40 0.0 0 0 355.42 497.61
A 142.40 142.40 0.0 0 0 497.82 640.01
A 142.40 142.40 0.0 0 0 640.22 497.61
Z"
/>
<path fill="#1f1f1f" d="
M 727.79 787.70
L 742.51 802.46
L 780.90 856.44
A 0.35 0.35 0.0 0 1 780.82 856.92
L 757.43 874.20
L 706.67 802.14
Q 712.58 798.33 716.07 795.56
Q 720.70 791.88 723.34 790.07
Q 726.29 788.06 727.79 787.70
Z"
/>
<path fill="#313131" d="
M 706.67 802.14
L 757.43 874.20
L 744.08 883.08
L 693.03 811.18
L 706.67 802.14
Z"
/>
<path fill="#414141" d="
M 693.03 811.18
L 744.08 883.08
L 730.04 891.73
L 679.65 819.22
L 693.03 811.18
Z"
/>
<path fill="#515151" d="
M 679.65 819.22
L 730.04 891.73
L 717.64 898.75
L 666.59 826.26
L 679.65 819.22
Z"
/>
<path fill="#777777" d="
M 666.59 826.26
L 717.64 898.75
L 697.13 909.33
Q 691.04 899.88 684.80 890.95
Q 665.57 863.44 645.78 836.14
L 666.59 826.26
Z"
/>
<path fill="#8e8e8e" d="
M 645.78 836.14
Q 665.57 863.44 684.80 890.95
Q 691.04 899.88 697.13 909.33
L 680.82 916.82
L 629.16 842.94
L 645.78 836.14
Z"
/>
<path fill="#a6a6a6" d="
M 629.16 842.94
L 680.82 916.82
Q 659.85 926.00 638.44 932.84
Q 612.13 894.05 584.59 856.64
Q 600.28 852.83 615.87 847.55
Q 622.56 845.28 629.16 842.94
Z"
/>
<path fill="#dadada" d="
M 584.59 856.64
Q 612.13 894.05 638.44 932.84
Q 609.98 941.99 581.17 947.23
Q 558.13 913.89 534.83 881.04
Q 530.83 875.40 525.44 865.91
Q 555.26 863.64 584.59 856.64
Z"
/>
<path fill="#ffffff" d="
M 525.44 865.91
Q 530.83 875.40 534.83 881.04
Q 558.13 913.89 581.17 947.23
L 557.55 950.97
Q 550.86 940.53 543.76 930.47
Q 527.12 906.90 510.46 883.34
Q 506.74 878.08 500.95 867.06
L 525.44 865.91
Z"
/>
</g>
<g>
<path fill="#a6a6a6" d="
M 537.73 161.53
L 521.28 325.21
Q 496.60 322.02 471.98 325.54
Q 469.33 309.05 466.65 286.55
Q 459.42 225.76 455.01 184.26
Q 454.40 178.48 451.95 162.31
Q 494.77 156.50 537.73 161.53
Z"
/>
<path fill="#8e8e8e" d="
M 576.63 168.50
L 541.82 329.28
L 521.28 325.21
L 537.73 161.53
Q 557.47 163.90 576.63 168.50
Z"
/>
<path fill="#8e8e8e" d="
M 451.95 162.31
Q 454.40 178.48 455.01 184.26
Q 459.42 225.76 466.65 286.55
Q 469.33 309.05 471.98 325.54
L 453.85 329.25
Q 438.95 259.78 424.03 190.41
Q 422.35 182.63 419.71 168.29
Q 435.68 164.53 451.95 162.31
Z"
/>
<path fill="#777777" d="
M 419.71 168.29
Q 422.35 182.63 424.03 190.41
Q 438.95 259.78 453.85 329.25
Q 440.89 332.67 428.78 337.87
L 370.96 183.82
Q 394.74 174.23 419.71 168.29
Z"
/>
<path fill="#777777" d="
M 616.48 180.75
L 562.39 336.11
L 541.82 329.28
L 576.63 168.50
Q 597.04 173.41 616.48 180.75
Z"
/>
<path fill="#515151" d="
M 654.50 197.70
Q 649.89 206.51 648.26 209.80
Q 614.87 277.42 582.19 345.47
L 562.39 336.11
L 616.48 180.75
Q 636.00 188.05 654.50 197.70
Z"
/>
<path fill="#515151" d="
M 370.96 183.82
L 428.78 337.87
L 413.29 345.47
Q 406.77 331.03 402.58 322.44
Q 372.14 259.96 341.77 197.29
Q 356.17 189.79 370.96 183.82
Z"
/>
<path fill="#414141" d="
M 341.77 197.29
Q 372.14 259.96 402.58 322.44
Q 406.77 331.03 413.29 345.47
L 402.60 351.90
L 320.67 209.22
L 341.77 197.29
Z"
/>
<path fill="#414141" d="
M 675.59 209.66
L 592.75 351.80
L 582.19 345.47
Q 614.87 277.42 648.26 209.80
Q 649.89 206.51 654.50 197.70
L 675.59 209.66
Z"
/>
<path fill="#313131" d="
M 320.67 209.22
L 402.60 351.90
L 391.21 360.01
L 298.03 224.42
L 320.67 209.22
Z"
/>
<path fill="#313131" d="
M 698.78 225.28
L 605.25 360.64
L 592.75 351.80
L 675.59 209.66
L 698.78 225.28
Z"
/>
<path fill="#1f1f1f" d="
M 298.03 224.42
L 391.21 360.01
L 377.37 371.82
A 0.50 0.50 0.0 0 1 376.67 371.78
Q 365.32 359.38 358.88 351.85
Q 313.72 299.08 270.39 247.79
A 0.60 0.60 0.0 0 1 270.44 246.96
Q 283.58 234.97 298.03 224.42
Z"
/>
<path fill="#1f1f1f" d="
M 605.25 360.64
L 698.78 225.28
Q 712.00 234.89 724.28 246.03
A 0.57 0.56 -50.9 0 1 724.35 246.79
C 708.15 268.67 692.62 286.40 670.35 312.36
Q 644.65 342.33 619.16 372.21
A 0.34 0.34 0.0 0 1 618.68 372.25
L 605.25 360.64
Z"
/>
<path fill="#ffffff" d="
M 640.22 497.61
A 142.40 142.40 0.0 0 1 497.82 640.01
A 142.40 142.40 0.0 0 1 355.42 497.61
A 142.40 142.40 0.0 0 1 497.82 355.21
A 142.40 142.40 0.0 0 1 640.22 497.61
Z
M 531.73 497.64
A 33.88 33.88 0.0 0 0 497.85 463.76
A 33.88 33.88 0.0 0 0 463.97 497.64
A 33.88 33.88 0.0 0 0 497.85 531.52
A 33.88 33.88 0.0 0 0 531.73 497.64
Z"
/>
</g>
<circle fill="#000000" cx="497.85" cy="497.64" r="33.88"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB