diff --git a/exchange_radar/web/static/favicon/favicon-16x16.png b/exchange_radar/web/static/favicon/favicon-16x16.png
new file mode 100644
index 0000000..6b464f3
Binary files /dev/null and b/exchange_radar/web/static/favicon/favicon-16x16.png differ
diff --git a/exchange_radar/web/static/favicon/favicon-180x180.png b/exchange_radar/web/static/favicon/favicon-180x180.png
new file mode 100644
index 0000000..c520bd4
Binary files /dev/null and b/exchange_radar/web/static/favicon/favicon-180x180.png differ
diff --git a/exchange_radar/web/static/favicon/favicon-32x32.png b/exchange_radar/web/static/favicon/favicon-32x32.png
new file mode 100644
index 0000000..5e10536
Binary files /dev/null and b/exchange_radar/web/static/favicon/favicon-32x32.png differ
diff --git a/exchange_radar/web/static/favicon/favicon.ico b/exchange_radar/web/static/favicon/favicon.ico
new file mode 100644
index 0000000..669b71c
Binary files /dev/null and b/exchange_radar/web/static/favicon/favicon.ico differ
diff --git a/exchange_radar/web/templates/base.html b/exchange_radar/web/templates/base.html
index 7c0b355..ee6c9d4 100644
--- a/exchange_radar/web/templates/base.html
+++ b/exchange_radar/web/templates/base.html
@@ -4,16 +4,24 @@
     <head>
         <title>{% block title %}{% endblock %}</title>
         <meta charset="utf-8"/>
-
-        <link rel="shortcut icon" href="#">
-
+        <!-- Favicon -->
+        <link rel="icon" type="image/x-icon" href="{{ url_for('static', path='favicon/favicon.ico') }}">
+        <link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static', path='favicon/favicon-32x32.png') }}">
+        <link rel="icon" type="image/png" sizes="16x16" href="{{ url_for('static', path='favicon/favicon-16x16.png') }}">
+        <!--Open Graph Protocol -->
+        <meta name="title" property="og:title" content="Exchange Radar"/>
+        <meta property="og:type" content="website">
+        <meta name="image" property="og:image" content="{{ url_for('static', path='favicon/favicon-180x180.png') }}"/>
+        <meta name="description" property="og:description" content="Get real-time trading data from different Crypto Exchanges and configure hooks, trends, notifications, messages based on custom rules."/>
+        <meta property="og:url" content="{{ http_url }}"/>
+        <!-- CSS -->
         <link rel="stylesheet" href="{{ url_for('static', path='css/style.css') }}" type="text/css"/>
         <link rel="stylesheet" href="{{ url_for('static', path='css/theme.css') }}" type="text/css"/>
         <link rel="stylesheet" href="{{ url_for('static', path='css/custom.css') }}" type="text/css"/>
         <link rel="stylesheet" href="{{ url_for('static', path='css/exchanges.css') }}" type="text/css"/>
-
+        <!-- Fonts -->
         <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" type="text/css"/>
-
+        <!-- JS -->
         <script src="https://code.jquery.com/jquery-3.6.4.min.js" integrity="sha256-oP6HI9z1XaZNBrJURtCoUT5SUnxFr8s3BzRl+cbzUq8=" crossorigin="anonymous"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/web-socket-js/1.0.0/web_socket.min.js"></script>
 
diff --git a/setup.cfg b/setup.cfg
index 9b8cd10..0bc2894 100644
--- a/setup.cfg
+++ b/setup.cfg
@@ -8,7 +8,7 @@ exclude = .git,venv
 
 [isort]
 line_length = 88
-known_first_party = auth_users_service,config
+known_first_party = exchange_radar,config
 multi_line_output = 3
 default_section = THIRDPARTY
 skip = venv/
