diff --git a/refstack-ui/app/assets/img/OpenStack_Project_Refstack_mascot_90x90.png b/refstack-ui/app/assets/img/OpenStack_Project_Refstack_mascot_90x90.png
new file mode 100755
index 00000000..4695090d
Binary files /dev/null and b/refstack-ui/app/assets/img/OpenStack_Project_Refstack_mascot_90x90.png differ
diff --git a/refstack-ui/app/favicon-16x16.png b/refstack-ui/app/favicon-16x16.png
new file mode 100755
index 00000000..e08c8a15
Binary files /dev/null and b/refstack-ui/app/favicon-16x16.png differ
diff --git a/refstack-ui/app/favicon-32x32.png b/refstack-ui/app/favicon-32x32.png
new file mode 100755
index 00000000..7bf57e2f
Binary files /dev/null and b/refstack-ui/app/favicon-32x32.png differ
diff --git a/refstack-ui/app/index.html b/refstack-ui/app/index.html
index 426f2628..5a896c2e 100644
--- a/refstack-ui/app/index.html
+++ b/refstack-ui/app/index.html
@@ -21,7 +21,8 @@
         <meta name="viewport" content="width=device-width">
         <title>Refstack</title>
 
-        <link rel="shorcut icon" href="favicon.ico">
+        <link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16" />
+        <link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32" />
 
         <link rel="stylesheet" href="assets/lib/bootstrap/dist/css/bootstrap.min.css">
         <link rel="stylesheet" href="assets/lib/angular-busy/dist/angular-busy.min.css">
diff --git a/refstack-ui/app/shared/header/header.html b/refstack-ui/app/shared/header/header.html
index 797ab859..5dcf09a6 100644
--- a/refstack-ui/app/shared/header/header.html
+++ b/refstack-ui/app/shared/header/header.html
@@ -1,4 +1,4 @@
-<div class="heading"><a ui-sref="home"><img src="assets/img/refstack-logo.png" alt="RefStack"></a>
+<div class="heading"><a ui-sref="home"><img src="assets/img/OpenStack_Project_Refstack_mascot_90x90.png" alt="RefStack"></a>
 RefStack
 </div>
 <nav class="navbar navbar-default" role="navigation" ng-controller="HeaderController as header">