secstate/Iris
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Clearing defunct icons; Tidal icon; Playlist image fetching (where backend supports it)

Browse Source
This commit is contained in:
James Barnsley
2021-05-02 20:50:08 +12:00
parent 02945b3d1e
commit e186e51730
93 changed files with 276 additions and 1334 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/assets/icons/back.svg
View File

@ -1,16 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header">
</g>
<g>
<rect x="6" y="6" width="2" height="12"/>
<path d="M9.5,12l8.5,6V6L9.5,12z M16,14.14L12.97,12L16,9.86V14.14z"/>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 617 B

22
src/assets/icons/broadcast.svg
View File

@ -1,22 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
<path d="M8,9.3C7.3,9.3,6.7,8.7,6.7,8S7.3,6.7,8,6.7S9.3,7.3,9.3,8S8.7,9.3,8,9.3z"/>
<g>
<path class="st0" d="M9.6,11.3c-0.2,0-0.5-0.1-0.6-0.3c-0.2-0.3-0.1-0.8,0.2-1c0.7-0.4,1.1-1.2,1.1-2c0-0.8-0.4-1.6-1.1-2
C8.9,5.8,8.8,5.4,9,5c0.2-0.3,0.6-0.4,1-0.2c1.1,0.7,1.8,1.9,1.8,3.2c0,1.3-0.7,2.5-1.8,3.2C9.9,11.2,9.7,11.3,9.6,11.3z"/>
</g>
<g>
<path class="st0" d="M6.4,11.3c-0.1,0-0.3,0-0.4-0.1C4.9,10.5,4.3,9.3,4.3,8c0-1.3,0.7-2.5,1.8-3.2C6.4,4.6,6.8,4.7,7,5
c0.2,0.3,0.1,0.8-0.2,1C6.1,6.4,5.7,7.2,5.7,8c0,0.8,0.4,1.6,1.1,2c0.3,0.2,0.4,0.6,0.2,1C6.9,11.1,6.6,11.3,6.4,11.3z"/>
</g>
<g>
<path class="st0" d="M11.5,12.9c-0.2,0-0.4-0.1-0.5-0.3c-0.2-0.3-0.2-0.7,0.1-1c1.1-0.9,1.8-2.3,1.8-3.7c0-1.4-0.6-2.8-1.8-3.7
c-0.3-0.2-0.3-0.7-0.1-1c0.2-0.3,0.7-0.3,1-0.1c1.4,1.2,2.3,2.9,2.3,4.8c0,1.9-0.8,3.6-2.3,4.8C11.8,12.9,11.7,12.9,11.5,12.9z"/>
</g>
<g>
<path class="st0" d="M4.5,13c-0.2,0-0.3-0.1-0.4-0.2C2.6,11.6,1.8,9.9,1.8,8c0-1.9,0.8-3.6,2.3-4.8C4.3,2.9,4.8,3,5,3.3
c0.2,0.3,0.2,0.7-0.1,1C3.8,5.2,3.2,6.5,3.2,8c0,1.5,0.7,2.8,1.8,3.7c0.3,0.2,0.3,0.7,0.1,1C4.9,12.9,4.7,13,4.5,13z"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.4 KiB

8
src/assets/icons/cd.svg
View File

@ -1,8 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
<path d="M8,0.7C4,0.7,0.7,4,0.7,8c0,4,3.3,7.3,7.3,7.3S15.3,12,15.3,8C15.3,4,12,0.7,8,0.7z M8,6.6c0.8,0,1.4,0.6,1.4,1.4
S8.8,9.4,8,9.4S6.6,8.8,6.6,8S7.2,6.6,8,6.6z M13.5,5.8L10.6,7c-0.3-0.7-0.8-1.3-1.5-1.6l1.3-2.8C11.8,3.2,12.9,4.4,13.5,5.8z
M2.5,10.1L5.4,9c0.3,0.7,0.8,1.3,1.5,1.6l-1.3,2.8C4.2,12.7,3.1,11.6,2.5,10.1z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 684 B

7
src/assets/icons/chevron-left.svg
View File

@ -1,7 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
<path d="M6.2,6.9l5.7-5.7c0.4-0.4,0.4-0.9,0-1.3c-0.4-0.4-1-0.4-1.3,0L4.2,6.3C4,6.5,3.9,6.7,3.9,6.9
c0,0.2,0.1,0.5,0.3,0.7l6.4,6.4c0.2,0.2,0.4,0.3,0.7,0.3s0.5-0.1,0.7-0.3c0.4-0.4,0.4-0.9,0-1.3L6.2,6.9z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 564 B

7
src/assets/icons/chevron-right.svg
View File

@ -1,7 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
<path d="M11.9,7.3L5.5,0.9c-0.4-0.4-0.9-0.4-1.3,0c-0.4,0.4-0.4,0.9,0,1.3l5.7,5.7l-5.7,5.7c-0.4,0.4-0.4,0.9,0,1.3
c0.2,0.2,0.4,0.3,0.7,0.3s0.5-0.1,0.7-0.3l6.4-6.4c0.2-0.2,0.3-0.4,0.3-0.7S12,7.5,11.9,7.3z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 566 B

6
src/assets/icons/close.svg
View File

@ -1,6 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
<polygon points="45,7 43,5 25,23 7,5 5,7 23,25 5,43 7,45 25,27 43,45 45,43 27,25 "/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 443 B

95
src/assets/icons/cog.svg
View File

@ -1,95 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<g id="ui_x5F_spec_x5F_header_copy_3" display="none">
</g>
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Rounded" display="none">
<g id="ui_x5F_spec_x5F_header_copy_5">
</g>
<path display="inline" d="M19.43,12.98c0.04-0.32,0.07-0.64,0.07-0.98s-0.03-0.66-0.07-0.98l2.11-1.65
c0.19-0.15,0.24-0.42,0.12-0.64l-2-3.46c-0.12-0.22-0.39-0.3-0.61-0.22l-2.49,1c-0.52-0.4-1.08-0.73-1.69-0.98l-0.38-2.65
C14.46,2.18,14.25,2,14,2h-4C9.75,2,9.54,2.18,9.51,2.42L9.13,5.07C8.52,5.32,7.96,5.66,7.44,6.05l-2.49-1
c-0.23-0.09-0.49,0-0.61,0.22l-2,3.46C2.21,8.95,2.27,9.22,2.46,9.37l2.11,1.65C4.53,11.34,4.5,11.67,4.5,12s0.03,0.66,0.07,0.98
l-2.11,1.65c-0.19,0.15-0.24,0.42-0.12,0.64l2,3.46c0.12,0.22,0.39,0.3,0.61,0.22l2.49-1c0.52,0.4,1.08,0.73,1.69,0.98l0.38,2.65
C9.54,21.82,9.75,22,10,22h4c0.25,0,0.46-0.18,0.49-0.42l0.38-2.65c0.61-0.25,1.17-0.59,1.69-0.98l2.49,1
c0.23,0.09,0.49,0,0.61-0.22l2-3.46c0.12-0.22,0.07-0.49-0.12-0.64L19.43,12.98z M12,15.5c-1.93,0-3.5-1.57-3.5-3.5
s1.57-3.5,3.5-3.5s3.5,1.57,3.5,3.5S13.93,15.5,12,15.5z"/>
</g>
<g id="Sharp" display="none">
<g id="ui_x5F_spec_x5F_header_copy_4">
</g>
<path display="inline" d="M19.44,12.99l-0.01,0.02c0.04-0.33,0.08-0.67,0.08-1.01c0-0.34-0.03-0.66-0.07-0.99l0.01,0.02l2.44-1.92
l-2.43-4.22l-2.87,1.16l0.01,0.01c-0.52-0.4-1.09-0.74-1.71-1h0.01L14.44,2H9.57L9.13,5.07h0.01c-0.62,0.26-1.19,0.6-1.71,1
l0.01-0.01L4.56,4.89L2.12,9.11l2.44,1.92l0.01-0.02C4.53,11.34,4.5,11.66,4.5,12c0,0.34,0.03,0.68,0.08,1.01l-0.01-0.02l-2.1,1.65
c-0.19,0.15-0.33,0.26-0.33,0.26l2.43,4.2l2.88-1.15l-0.02-0.04c0.53,0.41,1.1,0.75,1.73,1.01H9.13L9.58,22h4.85
c0,0,0.03-0.18,0.06-0.42l0.38-2.65h-0.01c0.62-0.26,1.2-0.6,1.73-1.01l-0.02,0.04l2.88,1.15l2.43-4.2c0,0-0.14-0.12-0.33-0.26
L19.44,12.99z M12,15.5c-1.93,0-3.5-1.57-3.5-3.5s1.57-3.5,3.5-3.5s3.5,1.57,3.5,3.5S13.93,15.5,12,15.5z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header" display="none">
</g>
<g>
<path d="M19.43,12.98c0.04-0.32,0.07-0.64,0.07-0.98c0-0.34-0.03-0.66-0.07-0.98l2.11-1.65c0.19-0.15,0.24-0.42,0.12-0.64l-2-3.46
c-0.09-0.16-0.26-0.25-0.44-0.25c-0.06,0-0.12,0.01-0.17,0.03l-2.49,1c-0.52-0.4-1.08-0.73-1.69-0.98l-0.38-2.65
C14.46,2.18,14.25,2,14,2h-4C9.75,2,9.54,2.18,9.51,2.42L9.13,5.07C8.52,5.32,7.96,5.66,7.44,6.05l-2.49-1
C4.89,5.03,4.83,5.02,4.77,5.02c-0.17,0-0.34,0.09-0.43,0.25l-2,3.46C2.21,8.95,2.27,9.22,2.46,9.37l2.11,1.65
C4.53,11.34,4.5,11.67,4.5,12c0,0.33,0.03,0.66,0.07,0.98l-2.11,1.65c-0.19,0.15-0.24,0.42-0.12,0.64l2,3.46
c0.09,0.16,0.26,0.25,0.44,0.25c0.06,0,0.12-0.01,0.17-0.03l2.49-1c0.52,0.4,1.08,0.73,1.69,0.98l0.38,2.65
C9.54,21.82,9.75,22,10,22h4c0.25,0,0.46-0.18,0.49-0.42l0.38-2.65c0.61-0.25,1.17-0.59,1.69-0.98l2.49,1
c0.06,0.02,0.12,0.03,0.18,0.03c0.17,0,0.34-0.09,0.43-0.25l2-3.46c0.12-0.22,0.07-0.49-0.12-0.64L19.43,12.98z M17.45,11.27
c0.04,0.31,0.05,0.52,0.05,0.73c0,0.21-0.02,0.43-0.05,0.73l-0.14,1.13l0.89,0.7l1.08,0.84l-0.7,1.21l-1.27-0.51l-1.04-0.42
l-0.9,0.68c-0.43,0.32-0.84,0.56-1.25,0.73l-1.06,0.43l-0.16,1.13L12.7,20H11.3l-0.19-1.35l-0.16-1.13l-1.06-0.43
c-0.43-0.18-0.83-0.41-1.23-0.71l-0.91-0.7l-1.06,0.43l-1.27,0.51l-0.7-1.21l1.08-0.84l0.89-0.7l-0.14-1.13
C6.52,12.43,6.5,12.2,6.5,12s0.02-0.43,0.05-0.73l0.14-1.13L5.8,9.44L4.72,8.6l0.7-1.21l1.27,0.51l1.04,0.42l0.9-0.68
c0.43-0.32,0.84-0.56,1.25-0.73l1.06-0.43l0.16-1.13L11.3,4h1.39l0.19,1.35l0.16,1.13l1.06,0.43c0.43,0.18,0.83,0.41,1.23,0.71
l0.91,0.7l1.06-0.43l1.27-0.51l0.7,1.21L18.2,9.44l-0.89,0.7L17.45,11.27z"/>
<path d="M12,8c-2.21,0-4,1.79-4,4s1.79,4,4,4s4-1.79,4-4S14.21,8,12,8z M12,14c-1.1,0-2-0.9-2-2s0.9-2,2-2s2,0.9,2,2
S13.1,14,12,14z"/>
</g>
</g>
<g id="Duotone" display="none">
<g id="ui_x5F_spec_x5F_header_copy_2">
</g>
<g display="inline">
<path opacity="0.3" d="M19.28,8.6l-0.7-1.21l-1.27,0.51l-1.06,0.43l-0.91-0.7c-0.39-0.3-0.8-0.54-1.23-0.71l-1.06-0.43l-0.16-1.13
L12.7,4H11.3l-0.19,1.35l-0.16,1.13L9.89,6.92C9.48,7.09,9.07,7.33,8.64,7.65l-0.9,0.68L6.69,7.91L5.42,7.39L4.72,8.6L5.8,9.44
l0.89,0.7l-0.14,1.13C6.52,11.57,6.5,11.8,6.5,12s0.02,0.43,0.05,0.73l0.14,1.13l-0.89,0.7L4.72,15.4l0.7,1.21l1.27-0.51
l1.06-0.43l0.91,0.7c0.39,0.3,0.8,0.54,1.23,0.71l1.06,0.43l0.16,1.13L11.3,20h1.39l0.19-1.35l0.16-1.13l1.06-0.43
c0.41-0.17,0.82-0.41,1.25-0.73l0.9-0.68l1.04,0.42l1.27,0.51l0.7-1.21l-1.08-0.84l-0.89-0.7l0.14-1.13
c0.04-0.31,0.05-0.52,0.05-0.73c0-0.21-0.02-0.43-0.05-0.73l-0.14-1.13l0.89-0.7L19.28,8.6z M12,16c-2.21,0-4-1.79-4-4s1.79-4,4-4
s4,1.79,4,4S14.21,16,12,16z"/>
<path d="M19.43,12.98c0.04-0.32,0.07-0.64,0.07-0.98c0-0.34-0.03-0.66-0.07-0.98l2.11-1.65c0.19-0.15,0.24-0.42,0.12-0.64l-2-3.46
c-0.09-0.16-0.26-0.25-0.44-0.25c-0.06,0-0.12,0.01-0.17,0.03l-2.49,1c-0.52-0.4-1.08-0.73-1.69-0.98l-0.38-2.65
C14.46,2.18,14.25,2,14,2h-4C9.75,2,9.54,2.18,9.51,2.42L9.13,5.07C8.52,5.32,7.96,5.66,7.44,6.05l-2.49-1
C4.89,5.03,4.83,5.02,4.77,5.02c-0.17,0-0.34,0.09-0.43,0.25l-2,3.46C2.21,8.95,2.27,9.22,2.46,9.37l2.11,1.65
C4.53,11.34,4.5,11.67,4.5,12s0.03,0.66,0.07,0.98l-2.11,1.65c-0.19,0.15-0.24,0.42-0.12,0.64l2,3.46
c0.09,0.16,0.26,0.25,0.44,0.25c0.06,0,0.12-0.01,0.17-0.03l2.49-1c0.52,0.4,1.08,0.73,1.69,0.98l0.38,2.65
C9.54,21.82,9.75,22,10,22h4c0.25,0,0.46-0.18,0.49-0.42l0.38-2.65c0.61-0.25,1.17-0.59,1.69-0.98l2.49,1
c0.06,0.02,0.12,0.03,0.18,0.03c0.17,0,0.34-0.09,0.43-0.25l2-3.46c0.12-0.22,0.07-0.49-0.12-0.64L19.43,12.98z M17.45,11.27
c0.04,0.31,0.05,0.52,0.05,0.73c0,0.21-0.02,0.43-0.05,0.73l-0.14,1.13l0.89,0.7l1.08,0.84l-0.7,1.21l-1.27-0.51l-1.04-0.42
l-0.9,0.68c-0.43,0.32-0.84,0.56-1.25,0.73l-1.06,0.43l-0.16,1.13L12.7,20H11.3l-0.19-1.35l-0.16-1.13l-1.06-0.43
c-0.43-0.18-0.83-0.41-1.23-0.71l-0.91-0.7l-1.06,0.43l-1.27,0.51l-0.7-1.21l1.08-0.84l0.89-0.7l-0.14-1.13
C6.52,12.43,6.5,12.2,6.5,12s0.02-0.43,0.05-0.73l0.14-1.13L5.8,9.44L4.72,8.6l0.7-1.21l1.27,0.51l1.04,0.42l0.9-0.68
c0.43-0.32,0.84-0.56,1.25-0.73l1.06-0.43l0.16-1.13L11.3,4h1.39l0.19,1.35l0.16,1.13l1.06,0.43c0.43,0.18,0.83,0.41,1.23,0.71
l0.91,0.7l1.06-0.43l1.27-0.51l0.7,1.21L18.2,9.44l-0.89,0.7L17.45,11.27z"/>
<path d="M12,8c-2.21,0-4,1.79-4,4s1.79,4,4,4s4-1.79,4-4S14.21,8,12,8z M12,14c-1.1,0-2-0.9-2-2s0.9-2,2-2s2,0.9,2,2
S13.1,14,12,14z"/>
</g>
</g>
<g id="Material" display="none">
<g id="ui_x5F_spec_x5F_header_copy">
</g>
<path display="inline" d="M19.43,12.98c0.04-0.32,0.07-0.64,0.07-0.98s-0.03-0.66-0.07-0.98l2.11-1.65
c0.19-0.15,0.24-0.42,0.12-0.64l-2-3.46c-0.12-0.22-0.39-0.3-0.61-0.22l-2.49,1c-0.52-0.4-1.08-0.73-1.69-0.98l-0.38-2.65
C14.46,2.18,14.25,2,14,2h-4C9.75,2,9.54,2.18,9.51,2.42L9.13,5.07C8.52,5.32,7.96,5.66,7.44,6.05l-2.49-1
c-0.23-0.09-0.49,0-0.61,0.22l-2,3.46C2.21,8.95,2.27,9.22,2.46,9.37l2.11,1.65C4.53,11.34,4.5,11.67,4.5,12s0.03,0.66,0.07,0.98
l-2.11,1.65c-0.19,0.15-0.24,0.42-0.12,0.64l2,3.46c0.12,0.22,0.39,0.3,0.61,0.22l2.49-1c0.52,0.4,1.08,0.73,1.69,0.98l0.38,2.65
C9.54,21.82,9.75,22,10,22h4c0.25,0,0.46-0.18,0.49-0.42l0.38-2.65c0.61-0.25,1.17-0.59,1.69-0.98l2.49,1
c0.23,0.09,0.49,0,0.61-0.22l2-3.46c0.12-0.22,0.07-0.49-0.12-0.64L19.43,12.98z M12,15.5c-1.93,0-3.5-1.57-3.5-3.5
s1.57-3.5,3.5-3.5s3.5,1.57,3.5,3.5S13.93,15.5,12,15.5z"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 7.3 KiB

10
src/assets/icons/compass.svg
View File

@ -1,10 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
<g>
<path d="M8,0.7C4,0.7,0.7,3.9,0.7,8c0,4,3.2,7.3,7.3,7.3c4,0,7.2-3.2,7.2-7.3C15.3,3.9,12,0.7,8,0.7z M10.1,10l-6.9,2.7L6,5.9
l6.8-2.8L10.1,10z"/>
<circle cx="8" cy="7.9" r="1.2"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 553 B

9
src/assets/icons/connection.svg
View File

@ -1,9 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
<g>
<polygon points="5.3,3.1 2.7,6.3 4.8,6.3 4.8,13.2 5.8,13.2 5.8,6.3 7.8,6.3 "/>
<polygon points="11.3,10 11.3,3.1 10.3,3.1 10.3,10 8.2,10 10.8,13.2 13.3,10 "/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 533 B

16
src/assets/icons/consume.svg
View File

@ -1,16 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header">
</g>
<g>
<path d="M16,6v8h3v8h2V2C18.24,2,16,4.24,16,6z"/>
<path d="M11,9H9V2H7v7H5V2H3v7c0,2.21,1.79,4,4,4v9h2v-9c2.21,0,4-1.79,4-4V2h-2V9z"/>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 640 B

15
src/assets/icons/filter.svg
View File

@ -1,15 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<g id="ui_x5F_spec_x5F_header_copy_3" display="none">
</g>
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header" display="none">
</g>
<path d="M10,18h4v-2h-4V18z M3,6v2h18V6H3z M6,13h12v-2H6V13z"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 631 B

14
src/assets/icons/folder-open.svg
View File

@ -1,14 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header">
</g>
<path d="M20,6h-8l-2-2H4C2.9,4,2.01,4.9,2.01,6L2,18c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V8C22,6.9,21.1,6,20,6z M20,18H4V8h16V18z"
/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 624 B

6
src/assets/icons/folder.svg
View File

@ -1,6 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
<path d="M13.4,4.2H8.3V2.8c0-0.7-0.5-1.2-1.2-1.2H3.2C2.5,1.6,2,2.1,2,2.8v1.6c-0.4,0.2-0.6,0.6-0.6,1v7.7c0,0.7,0.5,1.2,1.2,1.2
h10.8c0.7,0,1.2-0.5,1.2-1.2V5.4C14.6,4.7,14.1,4.2,13.4,4.2z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 440 B

10
src/assets/icons/grid.svg
View File

@ -1,10 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
<g>
<rect x="2" y="1.9" width="5" height="5"/>
<rect x="9.1" y="9" width="5" height="5"/>
<rect x="2" y="9" width="5" height="5"/>
<rect x="9.1" y="1.9" width="5" height="5"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 439 B

6
src/assets/icons/leaf.svg
View File

@ -1,6 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 16 16" xml:space="preserve">
<path d="M1.5,4.1c0,0,4.3-3.9,8.4-1.4c4.1,2.4,5.4,5.6,3.6,7.9C11.4,7.4,10.3,5.8,6,4.5c0,0,6.8,4.3,8,9.3c-0.2,1.1-1.2,0.3-1.2,0.3
l-1.1-1.8c0,0-2.1,1.6-4.6-0.5C2.9,8.1,6.2,4,1.5,4.1z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 395 B

9
src/assets/icons/list.svg
View File

@ -1,9 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 16 16" xml:space="preserve">
<g>
<rect x="1.7" y="2.4" class="st0" width="12.6" height="1.9"/>
<rect x="1.7" y="7" class="st0" width="12.6" height="1.9"/>
<rect x="1.7" y="11.6" class="st0" width="12.6" height="1.9"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 409 B

6
src/assets/icons/local.svg
View File

@ -1,6 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
<path d="M14.268,4.293H9.65L8.11,2.754H3.494v1.539H1.955v9.234h10.773v-1.538h1.539V4.293L14.268,4.293z M13.499,11.219
h-0.771V5.832H8.11l-1.538-1.54H4.264V3.523h3.529l1.539,1.539h4.167V11.219z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 439 B

10
src/assets/icons/mic.svg
View File

@ -1,10 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 16 16" xml:space="preserve">
<g>
<path d="M7.4,6.2C7.2,6,6.8,6,6.6,6.2l-5.3,6.2c-0.1,0.1-0.2,0.2-0.2,0.4c0,0.2,0.1,0.3,0.2,0.4l1.5,1.5c0.1,0.1,0.2,0.2,0.4,0.2
c0.1,0,0.3-0.1,0.4-0.1l6.2-5.3C9.9,9.3,10,9.2,10,9c0-0.2-0.1-0.3-0.2-0.4L7.4,6.2z"/>
<path d="M13.8,2.1C13.1,1.4,12.2,1,11.2,1c-1,0-1.9,0.4-2.7,1.1C7.7,2.9,7.4,4.3,7.4,4.4c0,0.2,0,0.5,0.3,0.7l3.1,3.1
c0.1,0.1,0.4,0.3,0.7,0.3c0,0,0,0,0,0c0.1,0,1.6-0.3,2.2-1.1C15.2,6,15.2,3.6,13.8,2.1z"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 642 B

7
src/assets/icons/music.svg
View File

@ -1,7 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 16 16" xml:space="preserve">
<path d="M15.1,0.5c-0.2-0.1-0.4-0.2-0.6-0.1L6,2.4C5.7,2.5,5.5,2.8,5.5,3.1v6.6C5,9.4,4.4,9.2,3.8,9.2c-1.7,0-3.1,1.4-3.1,3.1
s1.4,3.1,3.1,3.1c1.7,0,3.1-1.4,3.1-3.1V3.7L14,2v5.7c-0.5-0.3-1.1-0.5-1.7-0.5c-1.7,0-3.1,1.4-3.1,3.1s1.4,3.1,3.1,3.1
s3.1-1.4,3.1-3.1V1.1C15.4,0.9,15.3,0.7,15.1,0.5z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 503 B

13
src/assets/icons/pause.svg
View File

@ -1,13 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header">
</g>
<path d="M6,19h4V5H6V19z M14,5v14h4V5H14z"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 536 B

48
src/assets/icons/play-alt.svg
View File

@ -1,48 +0,0 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 305 305" style="enable-background:new 0 0 305 305;" xml:space="preserve">
<g id="XMLID_462_">
<path id="XMLID_463_" d="M109.588,230c1.059,0,2.135-0.066,3.201-0.198c14.049-1.754,24.607-14.558,23.571-28.561
c-0.001-0.024-0.002-0.047-0.003-0.071c0.025-0.144,0.039-0.292,0.039-0.443v-76.194l54.993-10.237v56.219
c-2.942-0.722-6.067-0.897-9.167-0.508c-14.084,1.741-24.666,14.585-23.59,28.628c0.976,12.947,11.5,22.71,24.481,22.71
c1.067,0,2.152-0.068,3.224-0.202c14.062-1.753,24.643-14.596,23.587-28.623c-0.002-0.024-0.004-0.048-0.006-0.072
c0.02-0.124,0.029-0.251,0.029-0.381V77.994l0.023-0.288c0.075-0.905-0.363-1.771-1.119-2.276
c-0.571-0.382-1.274-0.501-1.934-0.357c-0.012,0.002-0.024,0.005-0.036,0.007l-86.983,14.849c-1.201,0.205-2.079,1.246-2.079,2.464
v86.793c-2.95-0.729-6.074-0.908-9.164-0.521c-14.09,1.738-24.665,14.583-23.574,28.631C86.072,220.24,96.607,230.001,109.588,230z
"/>
<path id="XMLID_464_" d="M152.5,305c84.089,0,152.5-68.411,152.5-152.5S236.589,0,152.5,0S0,68.411,0,152.5S68.411,305,152.5,305z
M152.5,34.997c64.791,0,117.503,52.711,117.503,117.503c0,64.792-52.712,117.504-117.503,117.504S34.997,217.292,34.997,152.5
C34.997,87.709,87.709,34.997,152.5,34.997z"/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.6 KiB

13
src/assets/icons/play.svg
View File

@ -1,13 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header">
</g>
<path d="M10,8.64L15.27,12L10,15.36V8.64 M8,5v14l11-7L8,5L8,5z"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 557 B

BIN
src/assets/icons/playing.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 7.7 KiB

11
src/assets/icons/playlist.svg
View File

@ -1,11 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 16 16" xml:space="preserve">
<g>
<path d="M11,1.1c-0.2-0.2-0.5-0.3-0.8-0.2C10,1.1,9.8,1.3,9.8,1.6v7.6C9.3,8.9,8.7,8.7,8.1,8.7C6.4,8.7,5,10.1,5,11.8
s1.4,3.1,3.1,3.1c1.7,0,3.1-1.4,3.1-3.1V3.3L14,6.2l1-1L11,1.1z"/>
<rect x="1.6" y="1.2" width="6.1" height="1.4"/>
<rect x="1.6" y="3.6" width="6.1" height="1.4"/>
<rect x="1.6" y="6" width="6.1" height="1.4"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 554 B

13
src/assets/icons/repeat.svg
View File

@ -1,13 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header">
</g>
<path d="M7,7h10v3l4-4l-4-4v3H5v6h2V7z M17,17H7v-3l-4,4l4,4v-3h12v-6h-2V17z"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 570 B

48
src/assets/icons/search.svg
View File

@ -1,48 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<g id="ui_x5F_spec_x5F_header_copy_3" display="none">
</g>
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Rounded" display="none">
<g id="ui_x5F_spec_x5F_header_copy_5">
</g>
<path display="inline" d="M15.5,14h-0.79l-0.28-0.27c1.2-1.4,1.82-3.31,1.48-5.34c-0.47-2.78-2.79-5-5.59-5.34
c-4.23-0.52-7.79,3.04-7.27,7.27c0.34,2.8,2.56,5.12,5.34,5.59c2.03,0.34,3.94-0.28,5.34-1.48L14,14.71v0.79l4.25,4.25
c0.41,0.41,1.08,0.41,1.49,0l0,0c0.41-0.41,0.41-1.08,0-1.49L15.5,14z M9.5,14C7.01,14,5,11.99,5,9.5S7.01,5,9.5,5S14,7.01,14,9.5
S11.99,14,9.5,14z"/>
</g>
<g id="Sharp" display="none">
<g id="ui_x5F_spec_x5F_header_copy_4">
</g>
<path display="inline" d="M15.5,14h-0.79l-0.28-0.27C15.41,12.59,16,11.11,16,9.5C16,5.91,13.09,3,9.5,3S3,5.91,3,9.5
S5.91,16,9.5,16c1.61,0,3.09-0.59,4.23-1.57L14,14.71v0.79l5,4.99L20.49,19L15.5,14z M9.5,14C7.01,14,5,11.99,5,9.5S7.01,5,9.5,5
S14,7.01,14,9.5S11.99,14,9.5,14z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header" display="none">
</g>
<path d="M15.5,14h-0.79l-0.28-0.27C15.41,12.59,16,11.11,16,9.5C16,5.91,13.09,3,9.5,3S3,5.91,3,9.5S5.91,16,9.5,16
c1.61,0,3.09-0.59,4.23-1.57L14,14.71v0.79l5,4.99L20.49,19L15.5,14z M9.5,14C7.01,14,5,11.99,5,9.5S7.01,5,9.5,5S14,7.01,14,9.5
S11.99,14,9.5,14z"/>
</g>
<g id="Duotone" display="none">
<g id="ui_x5F_spec_x5F_header_copy_2">
</g>
<g display="inline">
<path d="M15.5,14h-0.79l-0.28-0.27C15.41,12.59,16,11.11,16,9.5C16,5.91,13.09,3,9.5,3S3,5.91,3,9.5C3,13.09,5.91,16,9.5,16
c1.61,0,3.09-0.59,4.23-1.57L14,14.71v0.79l5,4.99L20.49,19L15.5,14z M9.5,14C7.01,14,5,11.99,5,9.5S7.01,5,9.5,5S14,7.01,14,9.5
S11.99,14,9.5,14z"/>
</g>
</g>
<g id="Material" display="none">
<g id="ui_x5F_spec_x5F_header_copy">
</g>
<path display="inline" d="M15.5,14h-0.79l-0.28-0.27C15.41,12.59,16,11.11,16,9.5C16,5.91,13.09,3,9.5,3S3,5.91,3,9.5
S5.91,16,9.5,16c1.61,0,3.09-0.59,4.23-1.57L14,14.71v0.79l5,4.99L20.49,19L15.5,14z M9.5,14C7.01,14,5,11.99,5,9.5S7.01,5,9.5,5
S14,7.01,14,9.5S11.99,14,9.5,14z"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.3 KiB

24
src/assets/icons/sections.svg
View File

@ -1,24 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
<rect x="2.018" y="2.128" fill="#010101" width="4.289" height="4.289"/>
<g>
<rect x="7.305" y="2.128" fill="#010101" width="6.678" height="0.851"/>
</g>
<g>
<rect x="7.305" y="4.128" fill="#010101" width="6.678" height="0.851"/>
</g>
<g>
<rect x="7.305" y="6.128" fill="#010101" width="6.678" height="0.851"/>
</g>
<rect x="2.018" y="9.211" fill="#010101" width="4.289" height="4.289"/>
<g>
<rect x="7.305" y="9.211" fill="#010101" width="6.678" height="0.851"/>
</g>
<g>
<rect x="7.305" y="11.211" fill="#010101" width="6.678" height="0.851"/>
</g>
<g>
<rect x="7.305" y="13.211" fill="#010101" width="6.678" height="0.851"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 939 B

10
src/assets/icons/server.svg
View File

@ -1,10 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
<path d="M12.9,4.3c0-1.4-3.1-1.8-4.9-1.8S3.1,2.9,3.1,4.3c0,0,0,0,0,0v5.2h0c0,0,0,0,0,0v2.6c0,1.4,3.1,1.8,4.9,1.8s4.9-0.4,4.9-1.8
L12.9,4.3L12.9,4.3z M11.9,9.5c-0.1,0.2-1.4,0.8-3.9,0.8c-2.5,0-3.8-0.6-3.9-0.8V8.1C5.1,8.5,6.8,8.7,8,8.7c1.2,0,2.9-0.2,3.9-0.6
L11.9,9.5z M8,3.5c2.5,0,3.8,0.6,3.9,0.8C11.8,4.5,10.5,5.1,8,5.1c-2.5,0-3.8-0.6-3.9-0.7v0C4.2,4.1,5.5,3.5,8,3.5z M4.1,5.5
C5.1,5.9,6.8,6.1,8,6.1c1.2,0,2.9-0.2,3.9-0.6l0,1.4C11.8,7.1,10.5,7.7,8,7.7c-2.5,0-3.8-0.6-3.9-0.8V5.5z M8,12.9
c-2.5,0-3.8-0.6-3.9-0.8v-1.5c1.1,0.5,2.8,0.6,3.9,0.6c1.2,0,2.9-0.2,3.9-0.6l0,1.4C11.8,12.3,10.5,12.9,8,12.9z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 965 B

14
src/assets/icons/shuffle.svg
View File

@ -1,14 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header">
</g>
<path d="M10.59,9.17L5.41,4L4,5.41l5.17,5.17L10.59,9.17z M14.5,4l2.04,2.04L4,18.59L5.41,20L17.96,7.46L20,9.5V4H14.5z
M14.83,13.41l-1.41,1.41l3.13,3.13L14.5,20H20v-5.5l-2.04,2.04L14.83,13.41z"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 688 B

16
src/assets/icons/skip.svg
View File

@ -1,16 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header">
</g>
<g>
<path d="M6,18l8.5-6L6,6V18z M8,9.86L11.03,12L8,14.14V9.86z"/>
<rect x="16" y="6" width="2" height="12"/>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 611 B

19
src/assets/icons/soundcloud.svg
View File

@ -1,19 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
<path id="soundcloud" d="M0.027,10.945c0,0.197,0.072,0.347,0.215,0.447c0.145,0.104,0.298,0.139,0.462,0.108
c0.153-0.028,0.261-0.084,0.323-0.164c0.063-0.079,0.093-0.211,0.093-0.394V8.789c0-0.154-0.053-0.283-0.159-0.391
c-0.107-0.107-0.237-0.16-0.391-0.16c-0.147,0-0.275,0.053-0.382,0.16C0.081,8.506,0.027,8.635,0.027,8.789V10.945L0.027,10.945z
M1.736,11.865c0,0.145,0.053,0.252,0.154,0.322c0.101,0.071,0.23,0.108,0.389,0.108c0.165,0,0.297-0.037,0.397-0.108
c0.103-0.07,0.153-0.179,0.153-0.322V6.842c0-0.148-0.055-0.276-0.159-0.383C2.563,6.352,2.434,6.298,2.279,6.298
c-0.148,0-0.275,0.054-0.383,0.161c-0.105,0.106-0.16,0.234-0.16,0.383V11.865z M3.438,12.104c0,0.145,0.054,0.252,0.156,0.324
c0.105,0.071,0.238,0.107,0.402,0.107c0.157,0,0.288-0.036,0.391-0.107c0.101-0.072,0.151-0.181,0.151-0.324V7.518
c0-0.153-0.054-0.285-0.16-0.394C4.271,7.016,4.145,6.96,3.997,6.96c-0.154,0-0.285,0.056-0.395,0.164
c-0.108,0.108-0.164,0.24-0.164,0.394V12.104z M5.148,12.125c0,0.273,0.185,0.41,0.551,0.41c0.367,0,0.55-0.137,0.55-0.41V4.694
c0-0.418-0.128-0.653-0.38-0.707C5.707,3.948,5.545,3.994,5.387,4.129C5.228,4.262,5.148,4.45,5.148,4.694V12.125z M6.888,12.342
V4.256c0-0.259,0.077-0.412,0.23-0.461c0.333-0.08,0.663-0.12,0.989-0.12c0.758,0,1.463,0.179,2.118,0.535
c0.654,0.357,1.185,0.845,1.588,1.462c0.401,0.615,0.638,1.295,0.701,2.039c0.303-0.129,0.625-0.193,0.969-0.193
c0.69,0,1.285,0.246,1.777,0.735C15.754,8.744,16,9.334,16,10.021c0,0.693-0.246,1.287-0.739,1.776
c-0.493,0.49-1.085,0.736-1.771,0.736l-6.468-0.009c-0.043-0.016-0.077-0.041-0.102-0.082C6.898,12.406,6.888,12.371,6.888,12.342
L6.888,12.342z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.9 KiB

22
src/assets/icons/speaker-group.svg
View File

@ -1,22 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<g id="ui_x5F_spec_x5F_header_copy_3">
</g>
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header">
</g>
<g>
<path d="M18.2,1H9.8C8.81,1,8,1.81,8,2.8v14.4c0,0.99,0.81,1.79,1.8,1.79L18.2,19c0.99,0,1.8-0.81,1.8-1.8V2.8
C20,1.81,19.19,1,18.2,1z M18,17l-8-0.01V3h8V17z"/>
<path d="M14,8c1.1,0,2-0.89,2-2s-0.9-2-2-2s-2,0.89-2,2S12.9,8,14,8z"/>
<path d="M14,16c1.93,0,3.5-1.57,3.5-3.5c0-1.93-1.57-3.5-3.5-3.5c-1.93,0-3.5,1.57-3.5,3.5C10.5,14.43,12.07,16,14,16z M14,11
c0.83,0,1.5,0.67,1.5,1.5S14.83,14,14,14s-1.5-0.67-1.5-1.5S13.17,11,14,11z"/>
<path d="M6,5H4v16c0,1.1,0.89,2,2,2h10v-2H6V5z"/>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.0 KiB

20
src/assets/icons/speaker.svg
View File

@ -1,20 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<g id="ui_x5F_spec_x5F_header_copy_3">
</g>
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header">
</g>
<g>
<path d="M17,2H7C5.9,2,5,2.9,5,4v16c0,1.1,0.9,1.99,2,1.99L17,22c1.1,0,2-0.9,2-2V4C19,2.9,18.1,2,17,2z M7,20V4h10l0,16H7z"/>
<path d="M12,9c1.1,0,2-0.9,2-2c0-1.1-0.9-2-2-2c-1.11,0-2,0.9-2,2C10,8.1,10.89,9,12,9z"/>
<path d="M12,11c-2.21,0-4,1.79-4,4s1.79,4,4,4s4-1.79,4-4S14.21,11,12,11z M12,17c-1.1,0-2-0.9-2-2s0.9-2,2-2s2,0.9,2,2
S13.1,17,12,17z"/>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 905 B

12
src/assets/icons/spotify.svg
View File

@ -1,12 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
<path id="spotify" d="M7.94,1.887c-3.389,0-6.16,2.772-6.16,6.162c0,3.391,2.771,6.161,6.16,6.161c3.388,0,6.16-2.771,6.16-6.161
C14.1,4.659,11.357,1.887,7.94,1.887z M10.773,10.789c-0.123,0.186-0.34,0.246-0.522,0.123c-1.449-0.893-3.267-1.078-5.422-0.584
c-0.215,0.061-0.399-0.094-0.461-0.279C4.306,9.834,4.458,9.65,4.645,9.588c2.34-0.523,4.375-0.309,5.975,0.678
C10.836,10.359,10.866,10.605,10.773,10.789z M11.514,9.094c-0.154,0.219-0.433,0.309-0.646,0.156
c-1.664-1.018-4.19-1.327-6.13-0.709C4.49,8.604,4.213,8.48,4.151,8.232C4.089,7.986,4.213,7.708,4.458,7.648
c2.25-0.678,5.021-0.34,6.933,0.832C11.574,8.572,11.667,8.878,11.514,9.094z M11.574,7.371C9.604,6.198,6.308,6.075,4.43,6.661
C4.121,6.754,3.812,6.569,3.72,6.292C3.628,5.983,3.812,5.676,4.089,5.583C6.276,4.937,9.88,5.06,12.16,6.415
c0.277,0.154,0.369,0.523,0.215,0.801C12.223,7.431,11.852,7.523,11.574,7.371z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 KiB

9
src/assets/icons/star.svg
View File

@ -1,9 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
<path d="M8,0.8c-0.2,0-0.3,0.1-0.4,0.4l-2,4L1.2,5.8C0.8,5.9,0.7,6,0.7,6.2c0,0.1,0.1,0.3,0.2,0.4l3.2,3.1l-0.8,4.4
c0,0.1,0,0.1,0,0.2c0,0.1,0,0.2,0.1,0.3s0.2,0.1,0.3,0.1s0.2,0,0.4-0.1l4-2.1l4,2.1c0.1,0.1,0.2,0.1,0.4,0.1c0.1,0,0.2,0,0.3-0.1
s0.1-0.2,0.1-0.3s0-0.1,0-0.2l-0.8-4.4l3.2-3.1c0.2-0.2,0.2-0.3,0.2-0.4c0-0.2-0.2-0.4-0.5-0.4l-4.4-0.6l-2-4C8.3,0.9,8.2,0.8,8,0.8
L8,0.8z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 741 B

13
src/assets/icons/stop.svg
View File

@ -1,13 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g id="Bounding_Boxes">
<path fill="none" d="M0,0h24v24H0V0z"/>
</g>
<g id="Outline">
<g id="ui_x5F_spec_x5F_header">
</g>
<path d="M16,8v8H8V8H16 M18,6H6v12h12V6L18,6z"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 540 B

11
src/assets/icons/tidal.svg Normal file
View File

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1"
id="svg477" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" sodipodi:docname="tidal.svg" inkscape:version="0.92.0 r15299"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="46.459px"
height="30.975px" viewBox="0 0 46.459 30.975" enable-background="new 0 0 46.459 30.975" xml:space="preserve">
<path fill="#121212" d="M15.486,23.23l7.744-7.744l7.742,7.744l-7.742,7.745L15.486,23.23z M7.743-0.001L0,7.742l7.742,7.745
l7.744-7.744L7.743-0.001z M38.715,15.488l7.744-7.744L38.715,0l-7.742,7.743V7.741L23.23,0.002l-7.744,7.739l7.744,7.744
l7.741-7.742L38.715,15.488z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

5
src/js/components/GridItem.js
View File

@ -1,8 +1,7 @@
import React, { useEffect } from 'react';
import { useDispatch, useSelector } from 'react-redux';
import { sourceIcon as getSourceIcon } from '../util/helpers';
import Link from './Link';
import Icon from './Icon';
import { SourceIcon } from './Icon';
import Thumbnail from './Thumbnail';
import LinksSentence from './LinksSentence';
import { I18n } from '../locale';
@ -53,7 +52,7 @@ const SecondaryLine = ({
return (
<ul className="grid__item__secondary__content details">
{sourceIcon && <Icon name={getSourceIcon(uri)} type="fontawesome" className="source" />}
{sourceIcon && <SourceIcon uri={uri} />}
{items()}
</ul>
);

60
src/js/components/Icon.js
View File

@ -1,8 +1,12 @@
import React, { memo } from 'react';
import FontAwesome from 'react-fontawesome';
import { sourceIcon } from '../util/helpers';
export default memo(({
name, type, className, onClick,
const Icon = memo(({
name,
type,
className,
onClick,
}) => {
if (!name || name === '') return null;
@ -10,13 +14,37 @@ export default memo(({
switch (type) {
case 'svg':
return <img className={fullClassName} src={`/iris/assets/icons/${name}.svg`} onClick={onClick} />;
return (
<span className={fullClassName}>
<img
src={`/iris/assets/icons/${name}.svg`}
onClick={onClick}
alt={`${name} icon`}
/>
</span>
);
case 'gif':
return <img className={fullClassName} src={`/iris/assets/icons/${name}.gif`} onClick={onClick} />;
return (
<span className={fullClassName}>
<img
className={fullClassName}
src={`/iris/assets/icons/${name}.gif`}
onClick={onClick}
alt={`${name} icon`}
/>
</span>
);
case 'fontawesome':
return <FontAwesome className={fullClassName} type="fontawesome" name={name} onClick={onClick} />;
return (
<FontAwesome
className={fullClassName}
type="fontawesome"
name={name}
onClick={onClick}
/>
);
case 'css':
if (name === 'playing') {
@ -34,3 +62,25 @@ export default memo(({
return <i className={fullClassName} onClick={onClick}>{name}</i>;
}
});
const SourceIcon = ({
uri,
...rest
}) => {
const source = sourceIcon(uri);
switch (source) {
case 'genius':
case 'tidal':
return <Icon name={source} type="svg" className="source" {...rest} />;
default:
return <Icon name={source} type="fontawesome" className="source" {...rest} />;
}
};
export default Icon;
export {
Icon,
SourceIcon,
};

5
src/js/components/ListItem.js
View File

@ -6,12 +6,11 @@ import { dater } from './Dater';
import { nice_number } from './NiceNumber';
import URILink from './URILink';
import ContextMenuTrigger from './ContextMenuTrigger';
import Icon from './Icon';
import Icon, { SourceIcon } from './Icon';
import Thumbnail from './Thumbnail';
import Popularity from './Popularity';
import { I18n } from '../locale';
import { encodeUri } from '../util/format';
import { sourceIcon } from '../util/helpers';
import { updateScrollPosition } from './Link';
import * as uiActions from '../services/ui/actions';
@ -47,7 +46,7 @@ const getValue = (item = {}, name = '') => {
return <I18n path="specs.albums" count={total || array.length} />;
}
case 'source':
return <Icon type="fontawesome" name={sourceIcon(item.uri)} fixedWidth />;
return <SourceIcon uri={item.uri} fixedWidth />;
default:
break;
}

9
src/js/components/Track.js
View File

@ -1,6 +1,5 @@
import React from 'react';
import { useSelector } from 'react-redux';
import Icon from './Icon';
import Icon, { SourceIcon } from './Icon';
import LinksSentence from './LinksSentence';
import { Dater, dater } from './Dater';
import URILink from './URILink';
@ -10,11 +9,9 @@ import {
getFromUri,
titleCase,
isTouchDevice,
sourceIcon,
uriType,
} from '../util/helpers';
import { I18n, i18n } from '../locale';
import { getDragger } from '../util/selectors';
import { I18n } from '../locale';
export default class Track extends React.Component {
constructor(props) {
@ -412,7 +409,7 @@ export default class Track extends React.Component {
</span>
{show_source_icon && (
<span className="list__item__column__item list__item__column__item--source">
<Icon type="fontawesome" name={sourceIcon(item.uri)} fixedWidth />
<SourceIcon uri={item.uri} fixedWidth />
</span>
)}
<ContextMenuTrigger className="list__item__column__item--context-menu-trigger subtle" onTrigger={(e) => this.props.handleContextMenu(e)} />

7
src/js/services/mopidy/middleware.js
View File

@ -1184,10 +1184,7 @@ const MopidyMiddleware = (function () {
.then((response) => {
if (!response) return;
console.debug({ response })
const playlist = formatPlaylist({
images: {}, // Images not yet supported; treat playlist as being fully-loaded
...response,
uri: action.uri, // Patch in the requested URI
type: 'playlist',
@ -1211,6 +1208,10 @@ const MopidyMiddleware = (function () {
} else {
store.dispatch(coreActions.itemLoaded(playlist));
}
if (!playlist.images) {
store.dispatch(mopidyActions.getImages([playlist.uri]));
}
});
break;

4
src/js/views/Album.js
View File

@ -13,7 +13,7 @@ import FollowButton from '../components/Fields/FollowButton';
import { nice_number } from '../components/NiceNumber';
import { Dater } from '../components/Dater';
import ContextMenuTrigger from '../components/ContextMenuTrigger';
import Icon from '../components/Icon';
import Icon, { SourceIcon } from '../components/Icon';
import DropdownField from '../components/Fields/DropdownField';
import FilterField from '../components/Fields/FilterField';
import { i18n, I18n } from '../locale';
@ -240,7 +240,7 @@ class Album extends React.Component {
<ul className="details details--one-line">
{!slim_mode ? (
<li className="source">
<Icon type="fontawesome" name={sourceIcon(album.uri)} />
<SourceIcon uri={album.uri} />
</li>
) : null}
{album.artists && album.artists.length > 0 ? (

5
src/js/views/Artist.js
View File

@ -16,14 +16,13 @@ import FollowButton from '../components/Fields/FollowButton';
import ContextMenuTrigger from '../components/ContextMenuTrigger';
import DropdownField from '../components/Fields/DropdownField';
import FilterField from '../components/Fields/FilterField';
import Icon from '../components/Icon';
import Icon, { SourceIcon } from '../components/Icon';
import Loader from '../components/Loader';
import * as coreActions from '../services/core/actions';
import * as uiActions from '../services/ui/actions';
import * as mopidyActions from '../services/mopidy/actions';
import {
uriSource,
sourceIcon,
titleCase,
} from '../util/helpers';
import { collate, encodeUri, decodeUri } from '../util/format';
@ -417,7 +416,7 @@ class Artist extends React.Component {
{thumbnails}
<div className="tile">
<span className="content">
<Icon type="fontawesome" name={sourceIcon(artist.uri)} />
<SourceIcon uri={artist.uri} />
<I18n
path="artist.about.source"
source={titleCase(uriSource(artist.uri))}

4
src/js/views/Playlist.js
View File

@ -12,7 +12,7 @@ import FollowButton from '../components/Fields/FollowButton';
import Loader from '../components/Loader';
import ContextMenuTrigger from '../components/ContextMenuTrigger';
import URILink from '../components/URILink';
import Icon from '../components/Icon';
import Icon, { SourceIcon } from '../components/Icon';
import DropdownField from '../components/Fields/DropdownField';
import FilterField from '../components/Fields/FilterField';
import * as coreActions from '../services/core/actions';
@ -407,7 +407,7 @@ class Playlist extends React.Component {
<ul className="details details--one-line">
{!slim_mode && (
<li className="source">
<Icon type="fontawesome" name={sourceIcon(playlist.uri)} />
<SourceIcon uri={playlist.uri} />
</li>
)}
{playlist.user && (

5
src/js/views/User.js
View File

@ -8,13 +8,12 @@ import FollowButton from '../components/Fields/FollowButton';
import Parallax from '../components/Parallax';
import { nice_number } from '../components/NiceNumber';
import Loader from '../components/Loader';
import Icon from '../components/Icon';
import { SourceIcon } from '../components/Icon';
import * as coreActions from '../services/core/actions';
import * as uiActions from '../services/ui/actions';
import * as spotifyActions from '../services/spotify/actions';
import {
getFromUri,
sourceIcon,
} from '../util/helpers';
import { decodeUri } from '../util/format';
import { i18n, I18n } from '../locale';
@ -157,7 +156,7 @@ class User extends React.Component {
<ul className="details details--one-line">
{!slim_mode && (
<li className="source">
<Icon type="fontawesome" name={sourceIcon(user.uri)} />
<SourceIcon uri={user.uri} />
</li>
)}
{playlists && (

1
src/js/views/library/LibraryBrowseDirectory.js
View File

@ -60,7 +60,6 @@ const Subdirectories = ({ items, view }) => {
items={items}
getLink={link}
nocontext
sourceIcon={false}
/>
);
};

12
src/scss/components/_icon.scss
View File

@ -32,6 +32,18 @@
font-feature-settings: 'liga';
}
&--svg {
&.source {
img {
max-width: 1rem;
}
@include theme('dark') {
filter: brightness(0) invert(1);
}
}
}
&--spin {
@include spin(1s);
padding: 0 0.32em !important;

7
src/scss/components/_lists.scss
View File

@ -90,13 +90,6 @@
.details {
overflow-x: visible;
}
/*
.icon.source {
color: colour('mid_grey');
position: absolute;
top: 16px;
right: 40px;
}*/
&.field {
padding: 0 !important;