From 980255ebcf0efacbe4e33482c84e75e4977ad1e3 Mon Sep 17 00:00:00 2001 From: Paul Wackerow <54227730+wackerow@users.noreply.github.com> Date: Wed, 16 Nov 2022 12:57:49 -0800 Subject: [PATCH] build downloads svg components --- src/components/UI/icons/LinuxPenguin.tsx | 16 + src/components/UI/icons/MacosLogo.tsx | 16 + src/components/UI/icons/SourceBranch.tsx | 16 + src/components/UI/icons/WindowsLogo.tsx | 16 + src/components/UI/icons/index.ts | 4 + src/components/UI/svgs/GopherDownloads.tsx | 503 +++++++++++++++++++++ src/components/UI/svgs/index.ts | 1 + 7 files changed, 572 insertions(+) create mode 100644 src/components/UI/icons/LinuxPenguin.tsx create mode 100644 src/components/UI/icons/MacosLogo.tsx create mode 100644 src/components/UI/icons/SourceBranch.tsx create mode 100644 src/components/UI/icons/WindowsLogo.tsx create mode 100644 src/components/UI/svgs/GopherDownloads.tsx 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';