diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
new file mode 100644
index 0000000..d005d35
Binary files /dev/null and b/public/android-chrome-192x192.png differ
diff --git a/public/android-chrome-256x256.png b/public/android-chrome-256x256.png
new file mode 100644
index 0000000..f8af1b0
Binary files /dev/null and b/public/android-chrome-256x256.png differ
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
new file mode 100644
index 0000000..e8637e0
Binary files /dev/null and b/public/apple-touch-icon.png differ
diff --git a/public/browserconfig.xml b/public/browserconfig.xml
new file mode 100644
index 0000000..b3930d0
--- /dev/null
+++ b/public/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/public/favicon-dark-16x16.png b/public/favicon-dark-16x16.png
new file mode 100644
index 0000000..6acf705
Binary files /dev/null and b/public/favicon-dark-16x16.png differ
diff --git a/public/favicon-dark-32x32.png b/public/favicon-dark-32x32.png
new file mode 100644
index 0000000..b7893bc
Binary files /dev/null and b/public/favicon-dark-32x32.png differ
diff --git a/public/favicon-light-16x16.png b/public/favicon-light-16x16.png
new file mode 100644
index 0000000..a2e1e13
Binary files /dev/null and b/public/favicon-light-16x16.png differ
diff --git a/public/favicon-light-32x32.png b/public/favicon-light-32x32.png
new file mode 100644
index 0000000..9ccea86
Binary files /dev/null and b/public/favicon-light-32x32.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
index 578ad45..68d92c6 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/mstile-150x150.png b/public/mstile-150x150.png
new file mode 100644
index 0000000..c37abf3
Binary files /dev/null and b/public/mstile-150x150.png differ
diff --git a/public/safari-pinned-tab.svg b/public/safari-pinned-tab.svg
new file mode 100644
index 0000000..8b9792d
--- /dev/null
+++ b/public/safari-pinned-tab.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="265.000000pt" height="265.000000pt" viewBox="0 0 265.000000 265.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,265.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M443 2635 c-203 -44 -385 -228 -428 -432 -21 -100 -21 -1656 0 -1756
+43 -206 226 -389 432 -432 100 -21 1656 -21 1756 0 206 43 389 226 432 432 21
+100 21 1656 0 1756 -43 206 -226 389 -432 432 -97 21 -1666 20 -1760 0z m1165
+-1207 l-3 -43 -51 -3 -51 -3 96 -269 c53 -148 99 -271 102 -274 3 -4 47 110
+97 251 50 142 94 266 97 276 6 15 1 17 -44 17 l-51 0 0 45 0 45 145 0 145 0 0
+-44 0 -45 -42 -3 -42 -3 -171 -440 c-177 -455 -191 -488 -233 -543 -100 -131
+-332 -116 -358 23 -17 90 58 155 140 121 47 -20 67 -77 42 -126 -20 -41 -20
+-40 7 -40 57 0 111 60 156 173 l24 58 -151 387 -150 387 -41 3 -41 3 0 45 0
+44 191 0 190 0 -3 -42z m656 -582 c34 -14 66 -65 66 -105 0 -39 -28 -89 -59
+-105 -85 -44 -181 11 -181 104 0 90 86 143 174 106z"/>
+</g>
+</svg>
diff --git a/public/site.webmanifest b/public/site.webmanifest
new file mode 100644
index 0000000..3bb1b80
--- /dev/null
+++ b/public/site.webmanifest
@@ -0,0 +1,19 @@
+{
+	"name": "yarkov.tech",
+	"short_name": "yarkov.tech",
+	"icons": [
+		{
+			"src": "/android-chrome-192x192.png",
+			"sizes": "192x192",
+			"type": "image/png"
+		},
+		{
+			"src": "/android-chrome-256x256.png",
+			"sizes": "256x256",
+			"type": "image/png"
+		}
+	],
+	"theme_color": "#ffffff",
+	"background_color": "#ffffff",
+	"display": "standalone"
+}
diff --git a/src/components/BaseHead.astro b/src/components/BaseHead.astro
index a60d777..531d226 100644
--- a/src/components/BaseHead.astro
+++ b/src/components/BaseHead.astro
@@ -22,5 +22,13 @@ const { title = SITE_METADATA.title, description } = Astro.props as Props;
 <meta name="title" content={title} />
 <meta name="description" content={description || t("site.description")} />
 <meta name="theme-color" content={SITE_METADATA.themeColor} />
+<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+<link rel="icon" type="image/png" sizes="32x32" href="/favicon-light-32x32.png" media="(prefers-color-scheme: light)" />
+<link rel="icon" type="image/png" sizes="16x16" href="/favicon-light-16x16.png" media="(prefers-color-scheme: light)" />
+<link rel="icon" type="image/png" sizes="32x32" href="/favicon-dark-32x32.png" media="(prefers-color-scheme: dark)" />
+<link rel="icon" type="image/png" sizes="16x16" href="/favicon-dark-16x16.png" media="(prefers-color-scheme: dark)" />
+<link rel="manifest" href="/site.webmanifest" />
+<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />
+<meta name="msapplication-TileColor" content="#da532c" />
 <script is:inline src="/assets/js/detect-theme.js"></script>
 <slot />
diff --git a/src/layouts/article.astro b/src/layouts/article.astro
index 34ad016..d35de24 100644
--- a/src/layouts/article.astro
+++ b/src/layouts/article.astro
@@ -15,7 +15,7 @@ export interface Props extends BaseHeadProps {
 const { lang = "ru", content } = Astro.props as Props;
 ---
 
-<html lang={lang} translate="no">
+<html lang={lang}>
 	<head>
 		<BaseHead title={content.title} description={content.description}>
 			<script is:inline defer src="/assets/js/load-code-highlight.js"></script>
diff --git a/src/layouts/default.astro b/src/layouts/default.astro
index 7a89a15..6979913 100644
--- a/src/layouts/default.astro
+++ b/src/layouts/default.astro
@@ -15,7 +15,7 @@ export interface Props extends BaseHeadProps {
 const { title, description, lang = "ru", showPageHeading = true } = Astro.props as Props;
 ---
 
-<html lang={lang} translate="no">
+<html lang={lang}>
 	<head>
 		<BaseHead title={title ? `${title} | ${SITE_METADATA.title}` : SITE_METADATA.title} description={description} />
 	</head>