diff --git a/src/shared/assets.d.ts b/src/shared/assets.d.ts
new file mode 100644
index 000000000..b4e779c8d
--- /dev/null
+++ b/src/shared/assets.d.ts
@@ -0,0 +1,9 @@
+declare module '*.png' {
+    const content: string;
+    export default content;
+}
+
+declare module '*.svg' {
+    const content: string;
+    export default content;
+}
diff --git a/src/shared/components/icon/icon.module.css b/src/shared/components/icon/icon.module.css
index 6a264cceb..c1741a1a0 100644
--- a/src/shared/components/icon/icon.module.css
+++ b/src/shared/components/icon/icon.module.css
@@ -34,6 +34,19 @@
     font-size: var(--theme-font-size-5xl);
 }
 
+img.size-xs,
+img.size-sm,
+img.size-md,
+img.size-lg,
+img.size-xl,
+img.size-2xl,
+img.size-3xl,
+img.size-4xl,
+img.size-5xl {
+    width: 1em;
+    height: 1em;
+}
+
 .color-default {
     color: var(--theme-colors-foreground);
 }
diff --git a/src/shared/components/icon/icon.tsx b/src/shared/components/icon/icon.tsx
index 335c6763b..a8a8daaee 100644
--- a/src/shared/components/icon/icon.tsx
+++ b/src/shared/components/icon/icon.tsx
@@ -1,8 +1,14 @@
 import clsx from 'clsx';
 import { motion } from 'motion/react';
-import { type ComponentType, forwardRef, memo, useMemo } from 'react';
+import {
+    type ComponentType,
+    type CSSProperties,
+    forwardRef,
+    ImgHTMLAttributes,
+    memo,
+    useMemo,
+} from 'react';
 import { IconBaseProps } from 'react-icons';
-import { FaLastfmSquare } from 'react-icons/fa';
 import {
     LuAlignCenter,
     LuAlignLeft,
@@ -127,12 +133,88 @@ import {
 import { MdOutlineVisibility, MdOutlineVisibilityOff } from 'react-icons/md';
 import { PiMouseLeftClickFill, PiMouseRightClickFill } from 'react-icons/pi';
 import { RiPlayListAddLine, RiRepeat2Line, RiRepeatOneLine } from 'react-icons/ri';
-import { SiMusicbrainz, SiSpotify } from 'react-icons/si';
 
 import styles from './icon.module.css';
+import lastfmLogoIcon from './lastfm_logo_icon.svg';
+import listenbrainzLogoIcon from './listenbrainz_logo_icon.svg';
+import musicbrainzLogoIcon from './musicbrainz_logo_icon.svg';
+import qobuzLogoIcon from './qobuz_logo_icon.png';
+import spotifyLogoIcon from './spotify_logo_icon.svg';
 
 export type AppIconSelection = keyof typeof AppIcon;
 
+type LogoImgProps = ImgHTMLAttributes<HTMLImageElement> & { size?: number | string };
+
+function logoImgStyle(size: number | string | undefined): CSSProperties | undefined {
+    if (size === undefined) return undefined;
+    const dim = typeof size === 'number' ? `${size}px` : size;
+    return { height: dim, width: dim };
+}
+
+const ListenBrainzLogoIcon = forwardRef<HTMLImageElement, LogoImgProps>(
+    ({ className, size, style, ...props }, ref) => (
+        <img
+            alt="ListenBrainz"
+            className={className}
+            ref={ref}
+            src={listenbrainzLogoIcon}
+            style={logoImgStyle(size) ?? style}
+            {...props}
+        />
+    ),
+);
+
+const SpotifyLogoIcon = forwardRef<HTMLImageElement, LogoImgProps>(
+    ({ className, size, style, ...props }, ref) => (
+        <img
+            alt="Spotify"
+            className={className}
+            ref={ref}
+            src={spotifyLogoIcon}
+            style={logoImgStyle(size) ?? style}
+            {...props}
+        />
+    ),
+);
+
+const MusicBrainzLogoIcon = forwardRef<HTMLImageElement, LogoImgProps>(
+    ({ className, size, style, ...props }, ref) => (
+        <img
+            alt="MusicBrainz"
+            className={className}
+            ref={ref}
+            src={musicbrainzLogoIcon}
+            style={logoImgStyle(size) ?? style}
+            {...props}
+        />
+    ),
+);
+const QobuzLogoIcon = forwardRef<HTMLImageElement, LogoImgProps>(
+    ({ className, size, style, ...props }, ref) => (
+        <img
+            alt="Qobuz"
+            className={className}
+            ref={ref}
+            src={qobuzLogoIcon}
+            style={logoImgStyle(size) ?? style}
+            {...props}
+        />
+    ),
+);
+
+const LastfmLogoIcon = forwardRef<HTMLImageElement, LogoImgProps>(
+    ({ className, size, style, ...props }, ref) => (
+        <img
+            alt="Last.fm"
+            className={className}
+            ref={ref}
+            src={lastfmLogoIcon}
+            style={logoImgStyle(size) ?? style}
+            {...props}
+        />
+    ),
+);
+
 export const AppIcon = {
     add: LuPlus,
     album: LuDisc3,
@@ -156,9 +238,11 @@ export const AppIcon = {
     arrowUpToLine: LuArrowUpToLine,
     artist: LuUserPen,
     brandGitHub: LuGithub,
-    brandLastfm: FaLastfmSquare,
-    brandMusicBrainz: SiMusicbrainz,
-    brandSpotify: SiSpotify,
+    brandLastfm: LastfmLogoIcon,
+    brandListenBrainz: ListenBrainzLogoIcon,
+    brandMusicBrainz: MusicBrainzLogoIcon,
+    brandQobuz: QobuzLogoIcon,
+    brandSpotify: SpotifyLogoIcon,
     cache: LuCloudDownload,
     check: LuCheck,
     clipboardCopy: LuClipboardCopy,
diff --git a/src/shared/components/icon/lastfm_logo_icon.svg b/src/shared/components/icon/lastfm_logo_icon.svg
new file mode 100644
index 000000000..ae21acb6e
--- /dev/null
+++ b/src/shared/components/icon/lastfm_logo_icon.svg
@@ -0,0 +1,143 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   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="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="256"
+   height="256"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.47 r22583"
+   sodipodi:docname="lastfm.svg"
+   version="1.0"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient2555">
+      <stop
+         style="stop-color: rgb(255, 255, 255); stop-opacity: 1;"
+         offset="0"
+         id="stop2557" />
+      <stop
+         style="stop-color: rgb(255, 255, 255); stop-opacity: 0;"
+         offset="1"
+         id="stop2559" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2555"
+       id="linearGradient2449"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-0.5914583,0,0,0.5914584,210.0216,142.2324)"
+       x1="-344.15295"
+       y1="274.711"
+       x2="-395.84943"
+       y2="425.39993" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="204.06241"
+     inkscape:cy="175.00448"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     inkscape:window-width="867"
+     inkscape:window-height="556"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     showgrid="false"
+     inkscape:window-maximized="0" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+        <dc:creator>
+          <cc:Agent>
+            <dc:title />
+          </cc:Agent>
+        </dc:creator>
+        <dc:subject>
+          <rdf:Bag />
+        </dc:subject>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/publicdomain/" />
+        <dc:description />
+        <dc:contributor>
+          <cc:Agent>
+            <dc:title />
+          </cc:Agent>
+        </dc:contributor>
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/publicdomain/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-373.642,-318.344)">
+    <rect
+       inkscape:export-ydpi="7.7063322"
+       inkscape:export-xdpi="7.7063322"
+       inkscape:export-filename="C:\Documents and Settings\Molumen\Desktop\path3511111.png"
+       transform="scale(-1,1)"
+       ry="35.487503"
+       rx="35.487503"
+       y="328.84921"
+       x="-619.14587"
+       height="234.98955"
+       width="235.00784"
+       id="rect1942"
+       style="fill:#ce0000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.87500000000000000;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:0.87500000000000000, 1.75000000000000000;stroke-dashoffset:0;stroke-opacity:1" />
+    <path
+       inkscape:export-ydpi="7.7063322"
+       inkscape:export-xdpi="7.7063322"
+       inkscape:export-filename="C:\Documents and Settings\Molumen\Desktop\path3511111.png"
+       sodipodi:nodetypes="ccccsssc"
+       id="path1950"
+       d="M 557.05665,338.89518 L 446.22721,338.89518 C 416.89033,338.89518 393.27256,362.70492 393.27256,392.28025 L 393.27256,500.40761 C 394.22216,523.49366 397.87485,508.89915 404.82758,483.3329 C 412.90814,453.61975 439.22406,427.65003 471.27219,408.1872 C 495.73352,393.33195 523.11328,383.84595 572.95174,382.94353 C 601.21656,382.43177 598.72124,346.26062 557.05665,338.89518 z"
+       style="opacity:0.55364805;fill:url(#linearGradient2449);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.875;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:0.875, 1.75;stroke-dashoffset:0;stroke-opacity:1" />
+    <path
+       style="fill:none;stroke:#ffffff;stroke-width:18;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       d="m 499.87835,485.40493 c -8.2629,9.60152 -19.95678,13.48473 -33.92857,13.57143 -34.31711,1.15534 -50.27142,-29.51483 -51.07143,-52.85714 0.23421,-22.76547 19.14858,-50.79762 50,-51.42858 22.05846,0.63597 37.72221,7.33677 50.35714,40.35715 5.28078,13.81626 8.89926,24.51172 14.64286,36.78571 9.76191,20.20361 22.02381,26.66539 33.57143,27.14286 12.35432,0.0658 31.21727,-7.92258 30.71428,-29.64286 -0.64462,-17.09347 -18.79462,-23.46728 -28.92857,-26.42857 -12.00931,-3.04122 -23.0559,-7.16626 -26.07143,-25.35715 -0.99836,-9.20703 6.48725,-22.70043 22.14286,-22.85714 6.73828,0.23233 11.91867,0.074 17.14286,5"
+       id="path26100"
+       sodipodi:nodetypes="cccccccccccc" />
+    <path
+       style="fill:#ffffff;fill-opacity:1;stroke:none"
+       d="m 583.75373,392.39028 c 2.93584,2.39626 4.1771,4.94536 8.33376,10.48034 l -14.26841,10.85914 c -1.57111,-2.78358 -2.6957,-5.2524 -5.93464,-7.70242 l 11.86929,-13.63706 z"
+       id="path26102"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       style="fill:#ffffff;fill-opacity:1;stroke:none"
+       d="m 505.8605,492.19064 c 2.32011,-2.80539 4.25644,-5.70672 5.62499,-8.75 l -9.28571,-16.69643 c -2.58175,4.93905 -6.05652,9.34228 -9.82143,13.57143 l 13.48215,11.875 z"
+       id="path26104"
+       sodipodi:nodetypes="ccccc" />
+  </g>
+</svg>
diff --git a/src/shared/components/icon/listenbrainz_logo_icon.png b/src/shared/components/icon/listenbrainz_logo_icon.png
new file mode 100644
index 000000000..182875a7f
Binary files /dev/null and b/src/shared/components/icon/listenbrainz_logo_icon.png differ
diff --git a/src/shared/components/icon/listenbrainz_logo_icon.svg b/src/shared/components/icon/listenbrainz_logo_icon.svg
new file mode 100644
index 000000000..6037e4d85
--- /dev/null
+++ b/src/shared/components/icon/listenbrainz_logo_icon.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 30"><defs><style>.b{fill:#353070;}.c{fill:#eb743b;}</style></defs><polygon class="b" points="13 1 1 8 1 22 13 29 13 1"/><polygon class="c" points="14 1 26 8 26 22 14 29 14 1"/></svg>
\ No newline at end of file
diff --git a/src/shared/components/icon/musicbrainz_logo_icon.svg b/src/shared/components/icon/musicbrainz_logo_icon.svg
new file mode 100644
index 000000000..44fe7db59
--- /dev/null
+++ b/src/shared/components/icon/musicbrainz_logo_icon.svg
@@ -0,0 +1 @@
+<svg height="144" viewBox="0 0 127.00001 144" width="127" xmlns="http://www.w3.org/2000/svg"><metadata/><title>MusicBrainz_logo</title><g transform="matrix(.99083878 0 0 .97959271 .017679 1.238465)"><path d="m66 0v144l61-35v-74z" fill="#eb743b" transform="matrix(.98480464 0 0 1 1.929811 0)"/><path d="m61 60-1-1v-5l1-1v-12h-1v-21l1-1v-19l-61 35v74l61 35z" fill="#ba478f" transform="matrix(.98480464 0 0 1 1.929811 0)"/><path d="m65.33 55.86-27 16v-11.65l27-16.21v-22.59l-32.52 19.27h-.06a2.77 2.77 0 0 0 -.26.2l-.21.17a2.9 2.9 0 0 0 -.19.22c-.06.07-.13.14-.18.22a2.52 2.52 0 0 0 -.15.25 2.8 2.8 0 0 0 -.13.25c0 .09-.07.18-.1.28a2.76 2.76 0 0 0 -.08.27 2.56 2.56 0 0 0 0 .27 3 3 0 0 0 0 .32v.08 50.61a11 11 0 0 0 -8 2c-4.84 3.22-6.48 9.28-4 13s8.19 3.9 13 .68c2.76-1.84 5.38-4.07 6-6.68a10.61 10.61 0 0 0 0-2c0-.14 0-.28 0-.42v-21.58l27-16.15z" opacity=".07" transform="matrix(.98480464 0 0 1 -2.354089184 -2.82)"/><path d="m62.002894 56-26.589726 16v-12l26.589726-16v-23l-32.015999 19.69h-.05909a2.7279089 2.77 0 0 0 -.25605.2l-.206809.17a2.8362374 2.88 0 0 0 -.187112.22c-.05909.07-.128025.14-.177265.22a2.4915557 2.53 0 0 0 -.147721.25c0 .08-.09848.16-.128025.25-.02954.09-.06894.18-.09848.28a2.7377569 2.78 0 0 0 -.07878.27 2.5309479 2.57 0 0 0 0 .27 2.9544139 3 0 0 0 0 .32v.08 50.61a10.832851 11 0 0 0 -7.878438 2c-4.766454 3.22-6.381534 9.28-3.939218 13 2.442315 3.72 8.06555 3.9 12.80246.68 2.718061-1.84 5.298249-4.07 5.908828-6.68a10.448777 10.61 0 0 0 0-2c0-.14 0-.28 0-.42v-21.4l26.589725-16z" fill="#9d356d" stroke-width=".992373"/><path d="m62.002894 53-26.589726 16v-12l26.589726-16v-23l-32.045543 19.86h-.05909a2.7279089 2.77 0 0 0 -.256049.2l-.206809.17a2.8559335 2.9 0 0 0 -.187113.22c-.05909.07-.128024.14-.177264.22a2.4817077 2.52 0 0 0 -.147721.25 2.757453 2.8 0 0 0 -.128025.25c0 .09-.06894.18-.09848.28a2.7180608 2.76 0 0 0 -.07878.27 2.5210999 2.56 0 0 0 0 .27 2.9544139 3 0 0 0 0 .32v.08 50.61a10.832851 11 0 0 0 -7.878437 2c-4.766454 3.22-6.381534 9.28-3.939218 13 2.442315 3.72 8.06555 3.9 12.80246.68 2.718061-1.84 5.298249-4.07 5.908828-6.68a10.448777 10.61 0 0 0 0-2c0-.14 0-.28 0-.42v-21.58l26.589721-16z" fill="#fffedb" stroke-width=".992373"/><g opacity=".07" transform="matrix(.98480464 0 0 1 -2.354089184 -2.82)"><path d="m87.66 94.56a2.11 2.11 0 1 1 -.23 1.6 2.1 2.1 0 0 1 .23-1.6zm12.6 22.36a2.08 2.08 0 0 1 -1.37.51 2.11 2.11 0 0 1 -1.38-3.72 2.08 2.08 0 0 1 1.37-.51 2.12 2.12 0 0 1 2.11 2.28 2.09 2.09 0 0 1 -.73 1.44z"/><path d="m79.36 48.43h.21z"/><path d="m90.73 58.08a2.07 2.07 0 0 1 .67-.66 2.11 2.11 0 1 1 1.11 3.91 2.1 2.1 0 0 1 -1.12-.33 2.13 2.13 0 0 1 -.66-2.92zm6.38-20.19a2.14 2.14 0 0 1 -2.91.65l-.1-.06a2.11 2.11 0 1 1 3.29-2.17 2.08 2.08 0 0 1 -.28 1.58z"/><path d="m113.88 49.49a2.1126109 2.1126109 0 1 1 3.57 2.26 2.14 2.14 0 0 1 -2.91.65l-.09-.06a2.1 2.1 0 0 1 -.57-2.85zm0 23.46a2.1126109 2.1126109 0 1 1 3.57 2.26 2.14 2.14 0 0 1 -2.91.65l-.09-.06a2.1 2.1 0 0 1 -.57-2.8zm0 26.3a2.1126109 2.1126109 0 1 1 3.57 2.26 2.14 2.14 0 0 1 -2.91.65l-.09-.06a2.11 2.11 0 0 1 -.57-2.84z"/><path d="m103.53 108.93a6.12 6.12 0 0 0 -10.72 4.74 19.86 19.86 0 0 1 -5.33 1.33 4 4 0 0 1 -2.22-1 10.71 10.71 0 0 0 -4.15-1.85 37.64 37.64 0 0 0 8.59-12.81 6.12 6.12 0 1 0 -5.48-9.24 6.12 6.12 0 0 0 1.62 8.06c-4.05 9.22-9.22 13.08-12.57 14.68a2 2 0 0 0 -.36.17 11.26 11.26 0 0 1 -2.56.81v4a12.59 12.59 0 0 0 4.25-1.19c5.35-1.36 6.84-.35 8.41.71a7.88 7.88 0 0 0 4.26 1.66h.31a23.61 23.61 0 0 0 7-1.72 6.13 6.13 0 0 0 4.31 1.72 6.12 6.12 0 0 0 4.64-10.1zm-15.87-16.78a2.11 2.11 0 1 1 -.23 1.6 2.1 2.1 0 0 1 .23-1.6zm12.6 22.36a2.08 2.08 0 0 1 -1.37.51 2.11 2.11 0 0 1 -1.38-3.72 2.08 2.08 0 0 1 1.37-.51 2.12 2.12 0 0 1 2.11 2.28 2.09 2.09 0 0 1 -.73 1.44z"/><path d="m79.36 46h.21z"/><path d="m101.3 33a6.12 6.12 0 1 0 -11 4.82 13.35 13.35 0 0 1 -9.94 4.29 29.15 29.15 0 0 0 -10-2.32v4a24.8 24.8 0 0 1 8.74 2.21 21.59 21.59 0 0 1 8.61 7 6.32 6.32 0 0 0 -.38.54 6.12 6.12 0 1 0 8.45-1.91 6.22 6.22 0 0 0 -4.67-.75 26 26 0 0 0 -5.34-5.57 16.35 16.35 0 0 0 7.78-5.1 6.15 6.15 0 0 0 1.77.27 6.13 6.13 0 0 0 6-7.45zm-10.57 22.67a2.07 2.07 0 0 1 .67-.66 2.11 2.11 0 1 1 1.11 3.91 2.1 2.1 0 0 1 -1.12-.33 2.13 2.13 0 0 1 -.66-2.92zm6.38-20.19a2.14 2.14 0 0 1 -2.91.65l-.1-.06a2.11 2.11 0 1 1 3.29-2.17 2.08 2.08 0 0 1 -.28 1.59z"/><path d="m110 74a6 6 0 0 0 2.11 2.65l.28.19a6.12 6.12 0 1 0 3.27-11.29h-.37a25.73 25.73 0 0 1 0-11.26h.34a6.12 6.12 0 1 0 -4.15-1.63l.07.06a28.65 28.65 0 0 0 0 14.42c-.14.13-.29.25-.43.4a6.24 6.24 0 0 0 -.63.82 6.16 6.16 0 0 0 -.71 1.58 15.2 15.2 0 0 0 -6.78 2.78c-2 1.32-4 2.57-9.64 2.67a32.64 32.64 0 0 0 -5.36-.12c-1.43.05-2.91.11-4.85 0-1.33-.07-2.1-.88-3.46-2.42-1.8-2.05-4.22-4.65-9.37-5v4c3.29.3 4.8 1.89 6.36 3.67s3.17 3.62 6.26 3.78c2.12.11 3.76.05 5.21 0a24.22 24.22 0 0 1 7.85.7c2.61.64 12.1 9.67 14.77 14.32-.11.14-.22.28-.31.43a6.1 6.1 0 0 0 1.62 8.25l.28.19a6.12 6.12 0 1 0 3.27-11.29 6.18 6.18 0 0 0 -1.54.2c-2.56-4.19-8.65-10.46-13.19-13.79a18.18 18.18 0 0 0 4.21-2.19 11.31 11.31 0 0 1 4.89-2.12zm3.88-26.92a2.1126109 2.1126109 0 1 1 3.57 2.26 2.14 2.14 0 0 1 -2.91.65l-.09-.06a2.1 2.1 0 0 1 -.57-2.84zm0 23.46a2.1126109 2.1126109 0 1 1 3.57 2.26 2.14 2.14 0 0 1 -2.91.65l-.09-.06a2.1 2.1 0 0 1 -.57-2.84zm0 26.3a2.1126109 2.1126109 0 1 1 3.57 2.26 2.14 2.14 0 0 1 -2.91.65l-.09-.06a2.11 2.11 0 0 1 -.57-2.84z"/></g><g stroke-width=".992373"><path d="m99.602735 109.11a6.0270044 6.12 0 0 0 -10.557106 4.74 19.55822 19.86 0 0 1 -5.249009 1.33 3.9392186 4 0 0 1 -2.186266-1 10.547258 10.71 0 0 0 -4.086939-1.85 37.068047 37.64 0 0 0 8.449624-12.83 6.0270044 6.12 0 1 0 -5.39673-9.24 6.0270044 6.12 0 0 0 1.595384 8.06c-3.988459 9.22-9.079899 13.08-12.378995 14.68a1.9696093 2 0 0 0 -.354529.17 11.0889 11.26 0 0 1 -2.5211.81v4a12.39869 12.59 0 0 0 4.18542-1.19c5.268704-1.36 6.736063-.35 8.282207.71a7.7602606 7.88 0 0 0 4.205115 1.68h.30529a23.251238 23.61 0 0 0 6.893632-1.72 6.0368524 6.13 0 0 0 4.244508 1.72 6.0270044 6.12 0 0 0 4.569494-10.1zm-15.62885-16.78a2.0779378 2.11 0 1 1 -.226505 1.6 2.0680897 2.1 0 0 1 .226505-1.6zm12.408539 22.36a2.0483937 2.08 0 0 1 -1.349183.51 2.0779378 2.11 0 0 1 -1.35903-3.72 2.0483937 2.08 0 0 1 1.349182-.51 2.0877858 2.12 0 0 1 2.077938 2.28 2.0582417 2.09 0 0 1 -.718907 1.44z" fill="#d3562c"/><path d="m75.800007 45.61h.206809z"/><path d="m97.406621 33.18a6.0270044 6.12 0 1 0 -10.832851 4.82 13.147142 13.35 0 0 1 -9.788959 4.29 28.707055 29.15 0 0 0 -9.848046-2.32v4a24.433003 24.81 0 0 1 8.607193 2.21 21.261932 21.59 0 0 1 8.479167 7 6.2239653 6.32 0 0 0 -.374225.54 6.0270044 6.12 0 1 0 8.321599-1.91 6.1254849 6.22 0 0 0 -4.599038-.75 25.604921 26 0 0 0 -5.258857-5.57 16.101556 16.35 0 0 0 7.661781-5.1 6.0565485 6.15 0 0 0 1.743104.27 6.0368524 6.13 0 0 0 5.908828-7.45zm-10.409385 22.68a2.0385456 2.07 0 0 1 .659819-.66 2.0779378 2.11 0 1 1 1.093133 3.91 2.0680897 2.1 0 0 1 -1.102981-.33 2.0976339 2.13 0 0 1 -.649971-2.92zm6.283053-20.19a2.1074819 2.14 0 0 1 -2.865781.65l-.09848-.06a2.0779378 2.11 0 1 1 3.240007-2.17 2.0483937 2.08 0 0 1 -.275745 1.58z" fill="#d3562c"/><path d="m105.97442 74.18a5.9088278 6 0 0 0 2.07794 2.65l.27574.19a6.0270044 6.12 0 1 0 3.22032-11.29h-.36438a25.339023 25.73 0 0 1 0-11.26h.33483a6.0270044 6.12 0 1 0 -4.08694-1.63l.0689.06a28.214653 28.65 0 0 0 0 14.42c-.13787.13-.2856.25-.42347.4a6.145181 6.24 0 0 0 -.62042.82 6.0663966 6.16 0 0 0 -.69922 1.58 14.969031 15.2 0 0 0 -6.676972 2.78c-1.969609 1.32-3.939218 2.57-9.493516 2.67a32.144023 32.64 0 0 0 -5.278553-.12c-1.408271.05-2.865782.11-4.776303 0-1.30979-.07-2.068089-.88-3.407424-2.42-1.772648-2.05-4.155875-4.65-9.227619-5v4c3.240007.3 4.727062 1.89 6.263357 3.67 1.536296 1.78 3.121831 3.62 6.164877 3.78 2.087786.11 3.702866.05 5.130833 0a23.851968 24.22 0 0 1 7.730716.7c2.57034.64 11.916134 9.67 14.545564 14.32-.10833.14-.21666.28-.30529.43a6.0073083 6.1 0 0 0 1.59538 8.25l.27575.19a6.0270044 6.12 0 1 0 3.22031-11.29 6.0860927 6.18 0 0 0 -1.5166.2c-2.5211-4.19-8.51856-10.46-12.989571-13.79a17.903748 18.18 0 0 0 4.146031-2.19 11.13814 11.31 0 0 1 4.81569-2.12zm3.82104-26.92a2.0805122 2.1126141 0 1 1 3.51576 2.26 2.1074819 2.14 0 0 1 -2.86579.65l-.0886-.06a2.0680897 2.1 0 0 1 -.56134-2.84zm0 23.46a2.0805122 2.1126141 0 1 1 3.51576 2.26 2.1074819 2.14 0 0 1 -2.86579.65l-.0886-.06a2.0680897 2.1 0 0 1 -.56134-2.84zm0 26.3a2.0805122 2.1126141 0 1 1 3.51576 2.26 2.1074819 2.14 0 0 1 -2.86579.65l-.0886-.06a2.0779378 2.11 0 0 1 -.56134-2.84z" fill="#d3562c"/><path d="m99.602735 106.11a6.0270044 6.12 0 0 0 -10.557106 4.74 19.55822 19.86 0 0 1 -5.249009 1.33 3.9392186 4 0 0 1 -2.186266-1 10.547258 10.71 0 0 0 -4.086939-1.85 37.068047 37.64 0 0 0 8.459472-12.81 6.0270044 6.12 0 1 0 -5.39673-9.24 6.0270044 6.12 0 0 0 1.595384 8.06c-3.988459 9.22-9.079899 13.08-12.378995 14.68a1.9696093 2 0 0 0 -.354529.17 11.0889 11.26 0 0 1 -2.5211.81v4a12.39869 12.59 0 0 0 4.18542-1.19c5.268704-1.36 6.736063-.35 8.282207.71a7.7602606 7.88 0 0 0 4.195267 1.66h.30529a23.251238 23.61 0 0 0 6.893632-1.72 6.0368524 6.13 0 0 0 4.244508 1.72 6.0270044 6.12 0 0 0 4.569494-10.1zm-15.62885-16.78a2.0779378 2.11 0 1 1 -.226505 1.6 2.0680897 2.1 0 0 1 .226505-1.6zm12.408539 22.36a2.0483937 2.08 0 0 1 -1.349183.51 2.0779378 2.11 0 0 1 -1.35903-3.72 2.0483937 2.08 0 0 1 1.349182-.51 2.0877858 2.12 0 0 1 2.077938 2.28 2.0582417 2.09 0 0 1 -.718907 1.44z" fill="#fffedb"/><path d="m75.800007 43.18h.206809z" fill="#fffedb"/><path d="m97.406621 30.18a6.0270044 6.12 0 1 0 -10.832851 4.82 13.147142 13.35 0 0 1 -9.788959 4.29 28.707055 29.15 0 0 0 -9.848046-2.32v4a24.423155 24.8 0 0 1 8.607193 2.21 21.261932 21.59 0 0 1 8.479167 7 6.2239653 6.32 0 0 0 -.374225.54 6.0270044 6.12 0 1 0 8.321599-1.91 6.1254849 6.22 0 0 0 -4.599038-.75 25.604921 26 0 0 0 -5.258857-5.57 16.101556 16.35 0 0 0 7.661781-5.1 6.0565485 6.15 0 0 0 1.743104.27 6.0368524 6.13 0 0 0 5.908828-7.45zm-10.409385 22.67a2.0385456 2.07 0 0 1 .659819-.66 2.0779378 2.11 0 1 1 1.093133 3.91 2.0680897 2.1 0 0 1 -1.102981-.33 2.0976339 2.13 0 0 1 -.649971-2.92zm6.283053-20.19a2.1074819 2.14 0 0 1 -2.865781.65l-.09848-.06a2.0779378 2.11 0 1 1 3.240007-2.17 2.0483937 2.08 0 0 1 -.275745 1.59z" fill="#fffedb"/><path d="m105.97442 71.18a5.9088278 6 0 0 0 2.07794 2.65l.27574.19a6.0270044 6.12 0 1 0 3.22032-11.29h-.36438a25.339023 25.73 0 0 1 0-11.26h.33483a6.0270044 6.12 0 1 0 -4.08694-1.63l.0689.06a28.214653 28.65 0 0 0 0 14.42c-.13787.13-.2856.25-.42347.4a6.145181 6.24 0 0 0 -.62042.82 6.0663966 6.16 0 0 0 -.69922 1.58 14.969031 15.2 0 0 0 -6.676972 2.78c-1.969609 1.32-3.939218 2.57-9.493516 2.67a32.144023 32.64 0 0 0 -5.278553-.12c-1.408271.05-2.865782.11-4.776303 0-1.30979-.07-2.068089-.88-3.407424-2.42-1.772648-2.05-4.155875-4.65-9.227619-5v4c3.240007.3 4.727062 1.89 6.263357 3.67 1.536296 1.78 3.121831 3.62 6.164877 3.78 2.087786.11 3.702866.05 5.130833 0a23.851968 24.22 0 0 1 7.730716.7c2.57034.64 11.916134 9.67 14.545564 14.32-.10833.14-.21666.28-.30529.43a6.0073083 6.1 0 0 0 1.59538 8.25l.27575.19a6.0270044 6.12 0 1 0 3.22031-11.29 6.0860927 6.18 0 0 0 -1.5166.2c-2.5211-4.19-8.51856-10.46-12.989571-13.79a17.903748 18.18 0 0 0 4.146031-2.19 11.13814 11.31 0 0 1 4.81569-2.12zm3.82104-26.92a2.0805122 2.1126141 0 1 1 3.51576 2.26 2.1074819 2.14 0 0 1 -2.86579.65l-.0886-.06a2.0680897 2.1 0 0 1 -.56134-2.84zm0 23.46a2.0805122 2.1126141 0 1 1 3.51576 2.26 2.1074819 2.14 0 0 1 -2.86579.65l-.0886-.06a2.0680897 2.1 0 0 1 -.56134-2.84zm0 26.3a2.0805122 2.1126141 0 1 1 3.51576 2.26 2.1074819 2.14 0 0 1 -2.86579.65l-.0886-.06a2.0779378 2.11 0 0 1 -.56134-2.84z" fill="#fffedb"/></g></g></svg>
\ No newline at end of file
diff --git a/src/shared/components/icon/qobuz_logo_icon.png b/src/shared/components/icon/qobuz_logo_icon.png
new file mode 100644
index 000000000..4ef8c4233
Binary files /dev/null and b/src/shared/components/icon/qobuz_logo_icon.png differ
diff --git a/src/shared/components/icon/spotify_logo_icon.svg b/src/shared/components/icon/spotify_logo_icon.svg
new file mode 100644
index 000000000..4f2e80329
--- /dev/null
+++ b/src/shared/components/icon/spotify_logo_icon.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512">
+  <path fill="#1ed760" d="M248 8C111.1 8 0 119.1 0 256s111.1 248 248 248 248-111.1 248-248S384.9 8 248 8Z"/>
+  <path d="M406.6 231.1c-5.2 0-8.4-1.3-12.9-3.9-71.2-42.5-198.5-52.7-280.9-29.7-3.6 1-8.1 2.6-12.9 2.6-13.2 0-23.3-10.3-23.3-23.6 0-13.6 8.4-21.3 17.4-23.9 35.2-10.3 74.6-15.2 117.5-15.2 73 0 149.5 15.2 205.4 47.8 7.8 4.5 12.9 10.7 12.9 22.6 0 13.6-11 23.3-23.2 23.3zm-31 76.2c-5.2 0-8.7-2.3-12.3-4.2-62.5-37-155.7-51.9-238.6-29.4-4.8 1.3-7.4 2.6-11.9 2.6-10.7 0-19.4-8.7-19.4-19.4s5.2-17.8 15.5-20.7c27.8-7.8 56.2-13.6 97.8-13.6 64.9 0 127.6 16.1 177 45.5 8.1 4.8 11.3 11 11.3 19.7-.1 10.8-8.5 19.5-19.4 19.5zm-26.9 65.6c-4.2 0-6.8-1.3-10.7-3.6-62.4-37.6-135-39.2-206.7-24.5-3.9 1-9 2.6-11.9 2.6-9.7 0-15.8-7.7-15.8-15.8 0-10.3 6.1-15.2 13.6-16.8 81.9-18.1 165.6-16.5 237 26.2 6.1 3.9 9.7 7.4 9.7 16.5s-7.1 15.4-15.2 15.4z"/>
+</svg>
\ No newline at end of file