diff --git a/native/vectors/all-notifs-illustration.react.js b/native/vectors/all-notifs-illustration.react.js
new file mode 100644
--- /dev/null
+++ b/native/vectors/all-notifs-illustration.react.js
@@ -0,0 +1,32 @@
+// @flow
+
+import * as React from 'react';
+import Svg, { G, Path, Circle } from 'react-native-svg';
+
+function AllNotifsIllustration(): React.Node {
+ return (
+
+ );
+}
+
+export default AllNotifsIllustration;
diff --git a/native/vectors/badge-notifs-illustration.react.js b/native/vectors/badge-notifs-illustration.react.js
new file mode 100644
--- /dev/null
+++ b/native/vectors/badge-notifs-illustration.react.js
@@ -0,0 +1,22 @@
+// @flow
+
+import * as React from 'react';
+import Svg, { G, Rect, Circle, Path } from 'react-native-svg';
+
+function BadgeNotifsIllustration(): React.Node {
+ return (
+
+ );
+}
+
+export default BadgeNotifsIllustration;
diff --git a/native/vectors/muted-notifs-illustration.react.js b/native/vectors/muted-notifs-illustration.react.js
new file mode 100644
--- /dev/null
+++ b/native/vectors/muted-notifs-illustration.react.js
@@ -0,0 +1,21 @@
+// @flow
+
+import * as React from 'react';
+import Svg, { G, Rect, Circle, Path } from 'react-native-svg';
+
+function MutedNotifsIllustration(): React.Node {
+ return (
+
+ );
+}
+
+export default MutedNotifsIllustration;