diff --git a/website/pages/en/index.js b/website/pages/en/index.js
index 6ff4f0707b..1f1448b8ba 100755
--- a/website/pages/en/index.js
+++ b/website/pages/en/index.js
@@ -124,14 +124,14 @@ class Index extends React.Component {
                 {
                   content:
                     "Support users on all versions of your project. Document Versioning helps you keep documentation in sync with project releases.",
-                  image: `${siteConfig.baseUrl}img/docusaurus_monochrome.svg`,
+                  image: `${siteConfig.baseUrl}img/versioning.svg`,
                   imageAlign: "top",
                   title: "Document Versioning"
                 },
                 {
                   content:
                     "Make it easy for your community to find what they need in your documentation. Currently supports Algolia DocSearch.",
-                  image: `${siteConfig.baseUrl}img/docusaurus_monochrome.svg`,
+                  image: `${siteConfig.baseUrl}img/search.svg`,
                   imageAlign: "top",
                   title: "Document Search"
                 }
diff --git a/website/static/img/search.svg b/website/static/img/search.svg
new file mode 100644
index 0000000000..2ac4eacf58
--- /dev/null
+++ b/website/static/img/search.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="50" height="50" version="1.1" viewBox="0 0 50.000001 50.000001" xmlns="http://www.w3.org/2000/svg">
+ <rect width="50" height="50" fill-opacity="0"/>
+ <path d="m18.623 4.2559c-7.9132 0-14.367 6.454-14.367 14.367 0 7.9132 6.454 14.367 14.367 14.367 3.2414 0 6.2283-1.0954 8.6367-2.918a2.0002 2.0002 0 0 0 0.15039 0.16602l14.898 14.898a2.0002 2.0002 0 1 0 2.8281 -2.8281l-14.898-14.898a2.0002 2.0002 0 0 0 -0.16602 -0.15039c1.8225-2.4084 2.918-5.3953 2.918-8.6367 0-7.9132-6.454-14.367-14.367-14.367zm0 3.5898c5.9732 0 10.777 4.8042 10.777 10.777 0 5.9732-4.8042 10.777-10.777 10.777s-10.777-4.8042-10.777-10.777c2e-7 -5.9732 4.8042-10.777 10.777-10.777z" color="#000000" color-rendering="auto" fill="#555" image-rendering="auto" shape-rendering="auto" solid-color="#000000" style="block-progression:tb;isolation:auto;mix-blend-mode:normal;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-transform:none;white-space:normal"/>
+</svg>
diff --git a/website/static/img/versioning.svg b/website/static/img/versioning.svg
new file mode 100644
index 0000000000..816e9fa9d0
--- /dev/null
+++ b/website/static/img/versioning.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
+<svg enable-background="new 0 0 1190.6 841.9" version="1.1" viewBox="0 0 1190.6 841.9" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+		<defs>
+				<rect id="c" transform="matrix(.209 -.9779 .9779 .209 47.703 952.73)" x="287.4" y="88.5" width="650.7" height="716.8"/>
+		</defs>
+		<clipPath id="d">
+			<use overflow="visible" xlink:href="#c"/>
+		</clipPath>
+		<path d="m275.3 368.5c36.8-172.1 207-282.2 379.1-245.4 172.2 36.8 282.4 206.7 245.6 378.9-2.5 11.6-5.7 22.9-9.4 34.1l50.5 10.8c6.6 1.4 11.5 6.7 12.8 13.1 1.1 6.7-1.7 13.2-7.4 16.8l-134.5 86.9c-7.7 5-17.8 2.8-22.7-4.9l-87.5-134.2c-3.6-5.7-3.6-12.8 0.2-18.5 3.9-5.3 10.6-8.1 17-6.7l56 12c4.6-11 8-22.3 10.5-33.9 23.3-109-46.4-216.7-155.5-240-109-23.3-216.8 46.5-240.1 155.5s46.5 216.8 155.6 240.1c8.8 1.9 14.6 10.6 12.7 19.5l-17.6 82.1c-1.9 8.9-10.7 14.6-19.6 12.7-172.1-36.7-282.5-206.8-245.7-378.9z" clip-path="url(#d)"/>
+</svg>