diff --git a/assets/css/2_main.css b/assets/css/2_main.css
index 10a04fd9..a7e4831c 100644
--- a/assets/css/2_main.css
+++ b/assets/css/2_main.css
@@ -168,9 +168,26 @@ header {
 	padding-bottom: var(--s-3);
 }
 
-header .logo {
+.logo-ecoindex {
+	font-size: 1.7rem;
+	font-weight: 500;
+	line-height: 2rem;
 	padding-left: calc(var(--s4) / 2);
 	padding-right: calc(var(--s4) / 2);
+	text-decoration: none;
+	text-rendering: geometricPrecision;
+	white-space: nowrap;
+}
+.logo-ecoindex__eco,
+.logo-ecoindex__index {
+	padding: 0.1rem 0.5rem;
+}
+.logo-ecoindex__eco {
+	padding-left: 0;
+}
+.logo-ecoindex__index {
+	background-color: var(--color-light);
+	color: var(--color-primary);
 }
 
 .header-container {
diff --git a/assets/images/logo.png b/assets/images/logo.png
new file mode 100644
index 00000000..61576187
Binary files /dev/null and b/assets/images/logo.png differ
diff --git a/assets/images/logo.svg b/assets/images/logo.svg
deleted file mode 100644
index 050b6daf..00000000
--- a/assets/images/logo.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="132" height="36"><g fill="none" fill-rule="evenodd"><path fill="#FFF" d="M49.83.41h81V35.2h-81z"/><text fill="#FFF" font-family="ArialMT, Arial" font-size="26.4" transform="translate(.5)"><tspan x="0" y="28.44">eco</tspan></text><text fill="#007E5F" font-family="ArialMT, Arial" font-size="26.4" transform="translate(.5)"><tspan x="57.44" y="28.44">Index</tspan></text></g></svg>
\ No newline at end of file
diff --git a/layouts/partials/head/meta_custom.html b/layouts/partials/head/meta_custom.html
new file mode 100644
index 00000000..6f893f96
--- /dev/null
+++ b/layouts/partials/head/meta_custom.html
@@ -0,0 +1,4 @@
+{{ template "_internal/opengraph.html" . }}
+{{ $image := resources.Get "images/logo.png" }}
+{{ $image = $image.Resize "1200x jpg q40" }}
+<meta property="og:image" content="{{ $image.Permalink }}" />
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index c40f3160..edf963e2 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -14,10 +14,9 @@
 <div class="header-container shadow-container">
 	<header role="banner" class="wrapper">
 		<div>
-			<a href="{{ `/` | relLangURL }}" class="logo" title="Retour à la page d'accueil"
-				>{{- $logoResource := resources.Get "images/logo.svg" -}}
-				<img src="{{- $logoResource.RelPermalink -}}" width="132" height="36" alt="ecoIndex, {{ i18n `BackHome` -}}"
-			/></a>
+			<a href="{{ `/` | relLangURL }}" class="logo-ecoindex" title="EcoIndex, {{ i18n `BackHome` -}}">
+				<span class="logo-ecoindex__eco">eco</span><span class="logo-ecoindex__index">Index</span>
+			</a>
 			<div class="menu-btn-container" hidden>
 				<div class="with-icon-l">
 					<button class="menu-btn" aria-expanded="false" aria-controls="main-nav">