diff --git a/js/public/img/chapril/logo_mobilizon_black.png b/js/public/img/chapril/logo_mobilizon_black.png
new file mode 100644
index 000000000..8d64e0270
Binary files /dev/null and b/js/public/img/chapril/logo_mobilizon_black.png differ
diff --git a/js/public/img/chapril/logo_mobilizon_white.png b/js/public/img/chapril/logo_mobilizon_white.png
new file mode 100644
index 000000000..8afb66711
Binary files /dev/null and b/js/public/img/chapril/logo_mobilizon_white.png differ
diff --git a/js/src/components/MobilizonLogo.vue b/js/src/components/MobilizonLogo.vue
index 32cbf6564..05991a4e8 100644
--- a/js/src/components/MobilizonLogo.vue
+++ b/js/src/components/MobilizonLogo.vue
@@ -1,42 +1,30 @@
-
+ :src="src"
+ alt="Chapril Mobilizon Logo"
+ />
+
+