diff --git a/pedasi/static/img/IoT_observatory.png b/pedasi/static/img/IoT_observatory.png
new file mode 100644
index 0000000000000000000000000000000000000000..589ea658fee8b966cb46e032135e2463ce2ff56e
Binary files /dev/null and b/pedasi/static/img/IoT_observatory.png differ
diff --git a/pedasi/static/img/favicon.ico b/pedasi/static/img/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..0cf908313b08eea29cf38d64c98e0681385214aa
Binary files /dev/null and b/pedasi/static/img/favicon.ico differ
diff --git a/pedasi/templates/base.html b/pedasi/templates/base.html
index d0ddc73dc049f072245ae6e25b56c911c5f8f23f..3bde5b30ee8f0a88a21b3be4b98357cc15cfec5a 100644
--- a/pedasi/templates/base.html
+++ b/pedasi/templates/base.html
@@ -8,6 +8,9 @@
 
     <title>PEDASI</title>
 
+    {% load static %}
+    <link rel="shortcut icon" href="{% static 'img/favicon.ico' %}" type="image/vnd.microsoft.icon"/>
+
     {% bootstrap_css %}
 
     <!-- Font Awesome - https://fontawesome.com -->
@@ -27,8 +30,6 @@
           integrity="sha384-5C8TGNupopdjruopVTTrVJacBbWqxHK9eis5DB+DYE6RfqIJapdLBRUdaZBTq7mE"
           crossorigin="anonymous">
 
-
-    {% load static %}
     <link rel="stylesheet" href="{% static 'css/pedasi.css' %}">
 
     {% block extra_head %}
diff --git a/profiles/templates/index.html b/profiles/templates/index.html
index 8a4f870ef3b1830f06d70446b2f1d7940c328f15..a5adaa9b78443275f7ae8ced8befec6de3bf273a 100644
--- a/profiles/templates/index.html
+++ b/profiles/templates/index.html
@@ -33,8 +33,9 @@
                            class="no-hover" role="button">
 
                             <div class="card rounded-0 h-100">
-                                <img src="https://via.placeholder.com/100x50"
-                                     class="card-img-top rounded-0">
+                                <img src="{% static 'img/IoT_observatory.png' %}"
+                                     class="card-img-top rounded-0 mt-4 mx-auto d-block"
+                                     style="width: 150px;">
 
                                 <div class="card-body d-flex flex-column pb-2">
                                     <h5 class="card-title">{{ application.name }}</h5>
@@ -70,8 +71,9 @@
                            class="no-hover" role="button">
 
                             <div class="card rounded-0 h-100">
-                                <img src="https://via.placeholder.com/100x50"
-                                     class="card-img-top rounded-0">
+                                <img src="{% static 'img/IoT_observatory.png' %}"
+                                     class="card-img-top rounded-0 mt-4 mx-auto d-block"
+                                     style="width: 150px;">
 
                                 <div class="card-body d-flex flex-column pb-2">
                                     <h5 class="card-title">{{ datasource.name }}</h5>