diff --git a/packages/fakedoor-demo/favicon.svg b/packages/fakedoor-demo/favicon.svg
new file mode 100644
index 0000000..35e258d
--- /dev/null
+++ b/packages/fakedoor-demo/favicon.svg
@@ -0,0 +1,13 @@
+<svg width="258" height="181" viewBox="0 0 258 181" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_706_281)">
+<path d="M238.688 70.7514C226.146 58.2029 209.698 51.9286 193.25 51.9286C176.802 51.9286 160.367 58.2029 147.812 70.7514L165.982 88.9314C173.268 81.6414 182.944 77.63 193.237 77.63C203.53 77.63 213.219 81.6414 220.492 88.9314C235.526 103.974 235.526 128.441 220.492 143.484C213.206 150.774 203.53 154.786 193.237 154.786C182.944 154.786 173.255 150.774 165.982 143.484L147.812 161.664C160.354 174.213 176.802 180.487 193.25 180.487C209.698 180.487 226.133 174.213 238.688 161.664C263.784 136.554 263.784 95.8614 238.688 70.7514Z" fill="#1B89C8"/>
+<path d="M64.75 51.9286V77.6429C86.0039 77.6429 103.3 94.9486 103.3 116.214C103.3 137.48 86.0039 154.786 64.75 154.786C43.4961 154.786 26.2 137.48 26.2 116.214H0.5C0.5 151.713 29.2711 180.5 64.75 180.5C100.229 180.5 129 151.713 129 116.214C129 80.7157 100.229 51.9286 64.75 51.9286Z" fill="#1B89C8"/>
+<path d="M103.3 0.5H0.5V26.2143H103.3V0.5Z" fill="#1B89C8"/>
+<path d="M257.5 0.5H154.7V26.2143H257.5V0.5Z" fill="#1B89C8"/>
+</g>
+<defs>
+<clipPath id="clip0_706_281">
+<rect width="257" height="180" fill="white" transform="translate(0.5 0.5)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/packages/fakedoor-demo/index.html b/packages/fakedoor-demo/index.html
index 8655a6f..76c49f0 100644
--- a/packages/fakedoor-demo/index.html
+++ b/packages/fakedoor-demo/index.html
@@ -8,6 +8,11 @@
     rel="stylesheet"
     href="/node_modules/playground-elements/themes/monokai.css"
   />
+  <link
+    rel="icon"
+    type="image/svg"
+    href="/favicon.svg"
+  />
   <title>35up Recommendation slider demo</title>
   <style>
     body {
diff --git a/packages/slider/.storybook/favicon.svg b/packages/slider/.storybook/favicon.svg
new file mode 100644
index 0000000..35e258d
--- /dev/null
+++ b/packages/slider/.storybook/favicon.svg
@@ -0,0 +1,13 @@
+<svg width="258" height="181" viewBox="0 0 258 181" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_706_281)">
+<path d="M238.688 70.7514C226.146 58.2029 209.698 51.9286 193.25 51.9286C176.802 51.9286 160.367 58.2029 147.812 70.7514L165.982 88.9314C173.268 81.6414 182.944 77.63 193.237 77.63C203.53 77.63 213.219 81.6414 220.492 88.9314C235.526 103.974 235.526 128.441 220.492 143.484C213.206 150.774 203.53 154.786 193.237 154.786C182.944 154.786 173.255 150.774 165.982 143.484L147.812 161.664C160.354 174.213 176.802 180.487 193.25 180.487C209.698 180.487 226.133 174.213 238.688 161.664C263.784 136.554 263.784 95.8614 238.688 70.7514Z" fill="#1B89C8"/>
+<path d="M64.75 51.9286V77.6429C86.0039 77.6429 103.3 94.9486 103.3 116.214C103.3 137.48 86.0039 154.786 64.75 154.786C43.4961 154.786 26.2 137.48 26.2 116.214H0.5C0.5 151.713 29.2711 180.5 64.75 180.5C100.229 180.5 129 151.713 129 116.214C129 80.7157 100.229 51.9286 64.75 51.9286Z" fill="#1B89C8"/>
+<path d="M103.3 0.5H0.5V26.2143H103.3V0.5Z" fill="#1B89C8"/>
+<path d="M257.5 0.5H154.7V26.2143H257.5V0.5Z" fill="#1B89C8"/>
+</g>
+<defs>
+<clipPath id="clip0_706_281">
+<rect width="257" height="180" fill="white" transform="translate(0.5 0.5)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/packages/slider/.storybook/main.js b/packages/slider/.storybook/main.js
index 23394c2..b4f987e 100644
--- a/packages/slider/.storybook/main.js
+++ b/packages/slider/.storybook/main.js
@@ -38,6 +38,10 @@ module.exports = {
             {
               src: path.resolve(__dirname, './logo-colorful.svg'),
               dest: path.resolve(__dirname, '../storybook-static'),
+            },
+            {
+              src: path.resolve(__dirname, './favicon.svg'),
+              dest: path.resolve(__dirname, '../storybook-static'),
             }
           ]
         })