diff --git a/pages/src/assets/icons/doc-download-green.svg b/pages/src/assets/icons/doc-download-green.svg
new file mode 100644
index 0000000..da4fa1e
--- /dev/null
+++ b/pages/src/assets/icons/doc-download-green.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/pages/src/assets/icons/doc-download.svg b/pages/src/assets/icons/doc-download.svg
index da4fa1e..b06a6f3 100644
--- a/pages/src/assets/icons/doc-download.svg
+++ b/pages/src/assets/icons/doc-download.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/pages/src/components/HeroSection.tsx b/pages/src/components/HeroSection.tsx
index b1d3466..d5405d3 100644
--- a/pages/src/components/HeroSection.tsx
+++ b/pages/src/components/HeroSection.tsx
@@ -3,7 +3,7 @@ import ReactDOM from 'react-dom';
import { useTranslation } from '../i18n';
import { useResponsive } from '../hooks/useResponsive';
import ColorBends from './ColorBends';
-import docDownloadIcon from '../assets/icons/doc-download.svg';
+import docDownloadIcon from '../assets/icons/doc-download-green.svg';
import copyIcon from '../assets/icons/icon-copy.svg';