diff --git a/_static/favicon.ico b/_static/favicon.ico
new file mode 100644
index 0000000..5a20890
Binary files /dev/null and b/_static/favicon.ico differ
diff --git a/_static/favicon.svg b/_static/favicon.svg
new file mode 100644
index 0000000..ebfea9b
--- /dev/null
+++ b/_static/favicon.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 152 152">
+<defs><style>
+    .cls-1{fill:#0a1561;}
+    @media (prefers-color-scheme: dark) {
+      .cls-1{fill:white;}
+    }
+</style></defs>
+<path class="cls-1" d="M21.16,12.75H130.91L115.05,40.98H48.5V65.14h52.95L85.45,93.57H48.5v45.68H21.16Z"/>
+</svg>
diff --git a/_templates/layout.html b/_templates/layout.html
index 41707e9..0a67478 100644
--- a/_templates/layout.html
+++ b/_templates/layout.html
@@ -7,6 +7,14 @@
   <a class="skip-link" href="#main-content">本文へスキップ</a>
 {% endblock %}
 
+{# タブのアイコン。F マーク（ブログと同じ絵）。SVG の中の prefers-color-scheme で
+   暗いタブでは白抜きになる。ico は SVG を読まないブラウザ用 #}
+{% block extrahead %}
+  <link rel="icon" href="{{ pathto('_static/favicon.svg', 1) }}" sizes="any" type="image/svg+xml">
+  <link rel="icon" href="{{ pathto('_static/favicon.ico', 1) }}" sizes="16x16 32x32 48x48 64x64" type="image/x-icon">
+  <link rel="mask-icon" href="{{ pathto('_static/favicon.svg', 1) }}" color="#0a1561">
+{% endblock %}
+
 {# 本体の div に id と tabindex を足すためだけの差し替え。tabindex が無いと
    フォーカスが本文へ移らず、次の Tab がまた先頭から始まる。
    中身は sphinx_rtd_theme 3.0.2 の layout.html と同じ（版は requirements.txt で固定） #}