diff --git a/src/components/UI/icons/LinuxPenguin.tsx b/src/components/UI/icons/LinuxPenguin.tsx
new file mode 100644
index 0000000000..338d18b220
--- /dev/null
+++ b/src/components/UI/icons/LinuxPenguin.tsx
@@ -0,0 +1,16 @@
+import { IconProps } from '@chakra-ui/react';
+import { createIcon } from '@chakra-ui/icons';
+
+const [w, h] = [27, 36];
+
+const Icon = createIcon({
+ displayName: 'LinuxPenguin',
+ viewBox: `0 0 ${w} ${h}`,
+ path: (
+
+ )
+});
+
+export const LinuxPenguin: React.FC = (props) => ; // #F0F2E2
diff --git a/src/components/UI/icons/MacosLogo.tsx b/src/components/UI/icons/MacosLogo.tsx
new file mode 100644
index 0000000000..d5f892674d
--- /dev/null
+++ b/src/components/UI/icons/MacosLogo.tsx
@@ -0,0 +1,16 @@
+import { IconProps } from '@chakra-ui/react';
+import { createIcon } from '@chakra-ui/icons';
+
+const [w, h] = [25, 30];
+
+const Icon = createIcon({
+ displayName: 'MacosLogo',
+ viewBox: `0 0 ${w} ${h}`,
+ path: (
+
+ )
+});
+
+export const MacosLogo: React.FC = (props) => ; // #F0F2E2
diff --git a/src/components/UI/icons/SourceBranch.tsx b/src/components/UI/icons/SourceBranch.tsx
new file mode 100644
index 0000000000..9ce89fb5f2
--- /dev/null
+++ b/src/components/UI/icons/SourceBranch.tsx
@@ -0,0 +1,16 @@
+import { IconProps } from '@chakra-ui/react';
+import { createIcon } from '@chakra-ui/icons';
+
+const [w, h] = [22, 30];
+
+const Icon = createIcon({
+ displayName: 'SourceBranch',
+ viewBox: `0 0 ${w} ${h}`,
+ path: (
+
+ )
+});
+
+export const SourceBranch: React.FC = (props) => ; // #F0F2E2
diff --git a/src/components/UI/icons/WindowsLogo.tsx b/src/components/UI/icons/WindowsLogo.tsx
new file mode 100644
index 0000000000..4a38f2cde4
--- /dev/null
+++ b/src/components/UI/icons/WindowsLogo.tsx
@@ -0,0 +1,16 @@
+import { IconProps } from '@chakra-ui/react';
+import { createIcon } from '@chakra-ui/icons';
+
+const [w, h] = [25, 24];
+
+const Icon = createIcon({
+ displayName: 'WindowsLogo',
+ viewBox: `0 0 ${w} ${h}`,
+ path: (
+
+ )
+});
+
+export const WindowsLogo: React.FC = (props) => ; // #F0F2E2
diff --git a/src/components/UI/icons/index.ts b/src/components/UI/icons/index.ts
index 5bbac7fd7a..c46214e12a 100644
--- a/src/components/UI/icons/index.ts
+++ b/src/components/UI/icons/index.ts
@@ -5,3 +5,7 @@ export * from './LensIcon';
export * from './MoonIcon';
export * from './SunIcon';
export * from './TwitterIcon';
+export * from './SourceBranch';
+export * from './MacosLogo';
+export * from './LinuxPenguin';
+export * from './WindowsLogo';
diff --git a/src/components/UI/svgs/GopherDownloads.tsx b/src/components/UI/svgs/GopherDownloads.tsx
new file mode 100644
index 0000000000..56a86936db
--- /dev/null
+++ b/src/components/UI/svgs/GopherDownloads.tsx
@@ -0,0 +1,503 @@
+import { IconProps } from '@chakra-ui/react';
+import { createIcon } from '@chakra-ui/icons';
+
+const [w, h] = [276, 268];
+
+const Icon = createIcon({
+ displayName: 'GopherDownloads',
+ viewBox: `0 0 ${w} ${h}`,
+ path: (
+
+ )
+});
+
+export const GopherDownloads: React.FC = (props) => ;
diff --git a/src/components/UI/svgs/index.ts b/src/components/UI/svgs/index.ts
index 51437dfe18..c1a85f7e2c 100644
--- a/src/components/UI/svgs/index.ts
+++ b/src/components/UI/svgs/index.ts
@@ -1,4 +1,5 @@
export * from './GlyphHome';
+export * from './GopherDownloads';
export * from './GopherHomeFront';
export * from './GopherHomeLinks';
export * from './GopherHomeNodes';