diff --git a/components/head-layout.js b/components/head-layout.js
index 7df0d77..2ace49e 100644
--- a/components/head-layout.js
+++ b/components/head-layout.js
@@ -12,6 +12,10 @@ export default function HeadLayout({
     <div>
       <Head>
         <title>#OKi - {title ? title : 'Organisation KA Internationale'}</title>
+        <link rel='manifest' href='/manifest.json' />
+        <link rel='apple-touch-icon' href='/logo-96x96.png' />
+        <meta name='theme-color' content='#303030' />
+        <meta name='apple-mobile-web-app-status-bar' content='#303030' />
         <meta charSet='utf-8' />
         <meta name='description' content='#OKi (Organisation KA Internationale) a pour but de promouvoir les langues et les productions afro-diasporiques.' />
         <meta name='author' content='Ced' />
diff --git a/pages/_app.js b/pages/_app.js
index 316d2e1..7189331 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -30,6 +30,10 @@ export default function MyApp(props) {
     <>
       <Head>
         <title>#OKi - Organisation KA Internationale</title>
+        <link rel='manifest' href='/manifest.json' />
+        <link rel='apple-touch-icon' href='/logo-96x96.png' />
+        <meta name='theme-color' content='#303030' />
+        <meta name='apple-mobile-web-app-status-bar' content='#303030' />
         <meta charSet='utf-8' />
         <meta name='description' content='#OKi (Organisation KA Internationale) a pour but de promouvoir les langues afro-diasporiques.' />
         <meta name='author' content='Ced' />
