diff --git a/seahub/templates/shared_file_view_react.html b/seahub/templates/shared_file_view_react.html
index 7c04eeff68..4d01bf5711 100644
--- a/seahub/templates/shared_file_view_react.html
+++ b/seahub/templates/shared_file_view_react.html
@@ -7,7 +7,7 @@
 <meta property="og:site_name" content="{{ site_name }}">
 <meta property="og:url" content="{{ file_share_link }}" />
 <meta property="og:title" content="{{ file_name }}" />
-<meta property="og:image" content="{{ service_url }}/media/img/seafile-logo.png" />
+<meta property="og:image" content="{{ service_url }}{{ MEDIA_URL }}img/file/{{ icon_path_for_ogp }}" />
 <meta property="og:description" content="{{ desc_for_ogp }}" />
 {% endblock %}
 
diff --git a/seahub/templates/view_shared_dir_react.html b/seahub/templates/view_shared_dir_react.html
index cd0352a4e7..ef43d10993 100644
--- a/seahub/templates/view_shared_dir_react.html
+++ b/seahub/templates/view_shared_dir_react.html
@@ -7,7 +7,7 @@
 <meta property="og:site_name" content="{{ site_name }}">
 <meta property="og:url" content="{{ dir_share_link }}" />
 <meta property="og:title" content="{{ dir_name }}" />
-<meta property="og:image" content="{{ service_url }}/media/img/seafile-logo.png" />
+<meta property="og:image" content="{{ service_url }}{{ MEDIA_URL }}img/folder-192.png" />
 <meta property="og:description" content="{{ desc_for_ogp }}" />
 {% endblock %}
 
diff --git a/seahub/views/file.py b/seahub/views/file.py
index 844950e061..6ffc7c7b8a 100644
--- a/seahub/views/file.py
+++ b/seahub/views/file.py
@@ -46,6 +46,7 @@ from seahub.onlyoffice.utils import get_onlyoffice_dict
 from seahub.auth.decorators import login_required
 from seahub.base.decorators import repo_passwd_set_required
 from seahub.base.accounts import ANONYMOUS_EMAIL
+from seahub.base.templatetags.seahub_tags import file_icon_filter
 from seahub.share.models import FileShare, check_share_link_common
 from seahub.share.decorators import share_link_audit, share_link_login_required
 from seahub.wiki.utils import get_wiki_dirent
@@ -1240,6 +1241,7 @@ def view_shared_file(request, fileshare):
 
     file_share_link = gen_file_share_link(fileshare.token)
     desc_for_ogp = 'Share link for ' + filename
+    icon_path_for_ogp = file_icon_filter(filename, size=192)
 
     return render(request, template, {
             'repo': repo,
@@ -1264,6 +1266,7 @@ def view_shared_file(request, fileshare):
             'enable_watermark': ENABLE_WATERMARK,
             'file_share_link': file_share_link,
             'desc_for_ogp': desc_for_ogp,
+            'icon_path_for_ogp': icon_path_for_ogp
             })
 
 @share_link_audit