diff --git a/static/babystats.html b/static/babystats.html
index 51a4ef2..75516aa 100644
--- a/static/babystats.html
+++ b/static/babystats.html
@@ -9,6 +9,7 @@
     <script src="/cosmopolite/static/hogfather.js" charset="UTF-8"></script>
     <script src="/static/babystats.js" charset="UTF-8"></script>
     <link rel="stylesheet" href="/static/babystats.css">
+    <link rel="icon" href="/static/icon.png">
   </head>
   <body>
     <div id="container" style="background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url(&quot;data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E %3Cstyle type='text/css' %3E %3C![CDATA[ @keyframes coloredBounce { 0% { fill: %23430a39; transform: translate(0, -20px); } 20% { fill: %23bc1550; transform: translate(19px, -6px); } 40% { fill: %23e87f02; transform: translate(12px, 16px); } 60% { fill: %23f5c700; transform: translate(-12px, 16px); } 80% { fill: %2388990f; transform: translate(-19px, -6px); } 100% { fill: %23430a39; transform: translate(0, -20px); } } circle { animation: coloredBounce 5s linear infinite; } ]]%3E %3C/style%3E %3Ccircle r='5' cx='50' cy='50'%3E%3C/circle%3E %3Ccircle r='5' cx='50' cy='50' style='animation-delay: -1s'%3E%3C/circle%3E %3Ccircle r='5' cx='50' cy='50' style='animation-delay: -2s'%3E%3C/circle%3E %3Ccircle r='5' cx='50' cy='50' style='animation-delay: -3s'%3E%3C/circle%3E %3Ccircle r='5' cx='50' cy='50' style='animation-delay: -4s'%3E%3C/circle%3E %3C/svg%3E&quot;);"></div>
diff --git a/static/icon.png b/static/icon.png
new file mode 100644
index 0000000..ea913e0
Binary files /dev/null and b/static/icon.png differ
