diff --git a/src/components/UI/icons/DiscordIcon.tsx b/src/components/UI/icons/DiscordIcon.tsx
index 4b0d88f6d6..9acaef7e6f 100644
--- a/src/components/UI/icons/DiscordIcon.tsx
+++ b/src/components/UI/icons/DiscordIcon.tsx
@@ -3,12 +3,5 @@ import { createIcon } from '@chakra-ui/icons';
export const DiscordIcon = createIcon({
displayName: 'DiscordIcon',
viewBox: '0 0 32 24',
- path: (
-
- )
+ d: 'M26.985 2.027a.08.08 0 0 0-.041-.038A26.099 26.099 0 0 0 20.515.002a.098.098 0 0 0-.104.048c-.294.533-.56 1.08-.8 1.64a24.112 24.112 0 0 0-7.22 0c-.24-.561-.511-1.109-.812-1.64a.101.101 0 0 0-.104-.048c-2.22.381-4.38 1.05-6.427 1.988a.092.092 0 0 0-.043.036C.912 8.124-.209 14.073.341 19.948a.108.108 0 0 0 .041.073 26.216 26.216 0 0 0 7.885 3.975.102.102 0 0 0 .111-.037 18.644 18.644 0 0 0 1.613-2.616.1.1 0 0 0-.054-.139 17.266 17.266 0 0 1-2.464-1.17.101.101 0 0 1-.04-.13.101.101 0 0 1 .03-.038c.166-.124.332-.252.49-.382a.099.099 0 0 1 .102-.014c5.168 2.353 10.763 2.353 15.87 0a.098.098 0 0 1 .103.013c.158.13.324.26.49.383a.102.102 0 0 1 .04.086.1.1 0 0 1-.048.082c-.787.458-1.612.85-2.465 1.17a.1.1 0 0 0-.054.139 20.94 20.94 0 0 0 1.612 2.615.1.1 0 0 0 .111.038 26.126 26.126 0 0 0 7.898-3.975.1.1 0 0 0 .041-.072c.66-6.792-1.102-12.692-4.668-17.922zM10.763 16.37c-1.556 0-2.838-1.424-2.838-3.173 0-1.75 1.257-3.174 2.838-3.174 1.593 0 2.863 1.437 2.838 3.174 0 1.75-1.257 3.173-2.838 3.173zm10.493 0c-1.556 0-2.838-1.424-2.838-3.173 0-1.75 1.258-3.174 2.838-3.174 1.594 0 2.863 1.437 2.838 3.174 0 1.75-1.244 3.173-2.838 3.173z'
});
diff --git a/src/components/UI/icons/GitHubIcon.tsx b/src/components/UI/icons/GitHubIcon.tsx
index f93c60a1a1..4703b09e49 100644
--- a/src/components/UI/icons/GitHubIcon.tsx
+++ b/src/components/UI/icons/GitHubIcon.tsx
@@ -3,12 +3,5 @@ import { createIcon } from '@chakra-ui/icons';
export const GitHubIcon = createIcon({
displayName: 'GitHubIcon',
viewBox: '0 0 26 24',
- path: (
-
- )
+ d: 'M8.829 19.325c0 .099-.117.178-.264.178-.168.015-.285-.064-.285-.178 0-.1.117-.179.264-.179.153-.015.285.065.285.179zm-1.58-.224c-.036.1.066.214.218.244.132.05.285 0 .315-.1.03-.099-.066-.213-.218-.258-.132-.034-.28.015-.315.114zm2.245-.084c-.147.035-.249.13-.233.243.015.1.147.164.3.13.147-.035.248-.13.233-.229-.015-.094-.152-.159-.3-.144zM12.837 0C5.791 0 .4 5.226.4 12.109c0 5.504 3.546 10.213 8.612 11.87.65.115.879-.277.879-.6 0-.307-.016-2.005-.016-3.047 0 0-3.556.745-4.303-1.479 0 0-.58-1.444-1.412-1.816 0 0-1.164-.78.081-.764 0 0 1.265.099 1.961 1.28 1.113 1.916 2.977 1.365 3.704 1.037.117-.794.447-1.345.813-1.672-2.84-.308-5.706-.71-5.706-5.484 0-1.365.386-2.05 1.2-2.923-.133-.323-.565-1.653.131-3.37 1.062-.322 3.506 1.34 3.506 1.34a12.203 12.203 0 0 1 3.19-.422c1.083 0 2.175.144 3.191.422 0 0 2.444-1.667 3.506-1.34.696 1.722.264 3.047.132 3.37.813.878 1.31 1.563 1.31 2.923 0 4.79-2.992 5.171-5.832 5.484.468.392.864 1.136.864 2.303 0 1.672-.015 3.741-.015 4.148 0 .323.233.715.879.6 5.08-1.647 8.525-6.356 8.525-11.86C25.6 5.226 19.884 0 12.837 0zM5.338 17.116c-.066.05-.05.164.036.258.081.08.198.115.264.05.066-.05.051-.164-.035-.258-.082-.08-.199-.114-.265-.05zm-.548-.402c-.036.065.015.144.117.194.08.05.182.035.218-.035.036-.064-.015-.144-.117-.193-.101-.03-.183-.015-.218.034zm1.646 1.767c-.081.065-.051.213.066.308.117.114.264.129.33.05.066-.065.036-.214-.066-.308-.112-.114-.264-.13-.33-.05zm-.58-.73c-.08.05-.08.18 0 .293.082.114.22.164.285.114.081-.064.081-.193 0-.307-.071-.114-.203-.164-.284-.1z'
});
diff --git a/src/components/UI/icons/HamburgerIcon.tsx b/src/components/UI/icons/HamburgerIcon.tsx
index 404f1f0c5c..03935fc2d2 100644
--- a/src/components/UI/icons/HamburgerIcon.tsx
+++ b/src/components/UI/icons/HamburgerIcon.tsx
@@ -3,12 +3,5 @@ import { createIcon } from '@chakra-ui/icons';
export const HamburgerIcon = createIcon({
displayName: 'HamburgerIcon',
viewBox: '0 0 22 14',
- path: (
-
- )
+ d: 'M0 .5h22v.97H0V.5zm0 6.017h22v.97H0v-.97zm22 6.013H0v.97h22v-.97z'
});
diff --git a/src/components/UI/icons/LensIcon.tsx b/src/components/UI/icons/LensIcon.tsx
index f6ef12008c..4fd4a04e47 100644
--- a/src/components/UI/icons/LensIcon.tsx
+++ b/src/components/UI/icons/LensIcon.tsx
@@ -3,12 +3,5 @@ import { createIcon } from '@chakra-ui/icons';
export const LensIcon = createIcon({
displayName: 'LensIcon',
viewBox: '0 0 17 18',
- path: (
-
- )
+ d: 'M12.15 11.192h-.768l-.272-.263a6.29 6.29 0 0 0 1.526-4.111 6.317 6.317 0 1 0-6.318 6.318 6.29 6.29 0 0 0 4.111-1.526l.263.272v.768l4.86 4.85L17 16.052l-4.85-4.86zm-5.832 0a4.368 4.368 0 0 1-4.374-4.374 4.368 4.368 0 0 1 4.374-4.374 4.368 4.368 0 0 1 4.374 4.374 4.368 4.368 0 0 1-4.374 4.374z'
});
diff --git a/src/components/UI/icons/LinuxPenguin.tsx b/src/components/UI/icons/LinuxPenguin.tsx
index 26c85989fc..3d59cfac98 100644
--- a/src/components/UI/icons/LinuxPenguin.tsx
+++ b/src/components/UI/icons/LinuxPenguin.tsx
@@ -1,21 +1,10 @@
-import { IconProps } from '@chakra-ui/react';
import { createIcon } from '@chakra-ui/icons';
-const [w, h] = [27, 36];
-
-const Icon = createIcon({
+export const LinuxPenguin = createIcon({
displayName: 'LinuxPenguin',
- viewBox: `0 0 ${w} ${h}`,
- path: (
-
- )
+ viewBox: '0 0 27 36',
+ d: 'M26.305 28.28c-.82-.65-.501-2.087-1.353-2.796.825-4.907-1.488-9.233-4.246-12.005-2.314-2.326-1.568-4.59-1.568-6.548C19.138 3.801 17.823.5 13.84.5 9.583.5 8.416 3.97 8.374 5.951c-.101 4.757.984 5.994-1.865 9.456-3.352 4.073-3.846 8.136-3.09 10.291-.353.403-.83.85-1.723 1.218-2.465 1.05-.658 2.808-1.34 4.054a2.25 2.25 0 0 0-.286 1.08c0 1.093.89 2.04 2.505 1.898 2.18-.19 4.192 1.32 5.493 1.32 1.15 0 2.092-.639 2.531-1.518 2.055-.494 4.592-.432 6.645.086.369 1.008 1.369 1.664 2.48 1.664 2.434 0 2.903-2.697 5.695-3.61 1.005-.328 1.511-1.281 1.511-2.17 0-.568-.207-1.11-.625-1.44zm-13.65-15.262c-.476 0-.87-.376-1.492-.828-.788-.572-1.59-.901-1.58-1.502 0-.413.566-.54 1.297-.993.785-.486 1.09-.979 1.863-.979.791 0 1.03.391 2.105.845 1.056.447 1.792.622 1.792 1.127 0 .518-1.106.888-1.728 1.266-.915.551-1.385 1.064-2.257 1.064zm2.485-7.605c1.316.206 1.464 2.466.834 3.579l-.53-.212c.275-.791.27-2.095-.649-2.178-.583-.053-.96.7-1.04 1.344a2.564 2.564 0 0 0-.78-.185c.092-1.346.982-2.533 2.165-2.348zm-5.078.483c1.009-.245 1.604.901 1.609 2.093l-.463.277c-.063-.5-.291-1.309-.864-1.136-.613.186-.513 1.579-.172 1.865l-.456.248c-.627-1.031-.626-3.11.346-3.347zM6.906 33.959c-2.93-1.303-3.925-1.007-4.484-1.007-1.16 0-1.539-.844-1.103-1.643.37-.678.255-1.389.164-1.959-.14-.873-.166-1.158.713-1.534 1.216-.505 1.757-1.153 2.16-1.64 1.13-1.366 2.272.784 3.208 2.699.607 1.24 1.803 1.87 2.171 3.245.339 1.27-1.06 2.626-2.83 1.839zm10.426-2.733c-2.065.981-4.696 1.432-6.664.436-.291-.821-.757-1.352-1.258-1.886.804-.207 1.401-1.187.686-2.171-.762-1.052-2.32-1.785-3.895-2.975-1.472-1.113-1.938-3.856.068-6.922-.978 2.716-.406 5.218.085 5.934.101-1.44.218-3.847 2.232-6.73 1.016-1.455 1.031-3.377 1.054-4.58l.925.62c.68.49 1.25 1.032 2.068 1.032 1.209 0 1.877-.68 2.809-1.244.364-.219.914-.44 1.377-.748.776 3.61 3.99 7.953 4.17 10.427.748-1.505-.211-5.125-.211-5.125 1.256 1.874 1.356 3.436 1.411 5.352.88.352 1.823 1.267 1.909 2.474l-.366-.041c-.188-1.34-3.89-3.31-4.223-.786-1.775.264-1.13 3.013-1.487 4.795-.165.815-.469 1.46-.69 2.138zm7.232-.06c-1.47.554-2.463 1.73-3.145 2.461-1.313 1.41-3.05.734-3.235-.584-.195-1.409.537-2.178.854-3.754.288-1.44-.035-3.655.643-3.89.44 2.556 3.083 1.48 3.686.784.98 0 1.062.323 1.282 1.22.137.562.326 1.034.862 1.59.624.652.433 1.652-.947 2.173zM12.626 12.199c-.972 0-1.699-.632-2.29-1.122-.302-.25.075-.71.378-.46.577.48 1.16.985 1.912.985.905 0 1.704-.757 2.786-1.174.368-.141.579.416.213.557-1.05.404-1.894 1.214-3 1.214z',
+ defaultProps: {
+ color: 'bg'
+ }
});
-
-export const LinuxPenguin: React.FC = props => (
-
-);
diff --git a/src/components/UI/icons/MacosLogo.tsx b/src/components/UI/icons/MacosLogo.tsx
index 57d59091da..bda55afadd 100644
--- a/src/components/UI/icons/MacosLogo.tsx
+++ b/src/components/UI/icons/MacosLogo.tsx
@@ -1,19 +1,10 @@
-import { IconProps } from '@chakra-ui/react';
import { createIcon } from '@chakra-ui/icons';
-const [w, h] = [25, 30];
-
-const Icon = createIcon({
+export const MacosLogo = createIcon({
displayName: 'MacosLogo',
- viewBox: `0 0 ${w} ${h}`,
- path: (
-
- )
+ viewBox: '0 0 25 30',
+ d: 'M25 22.01c-.982 2.85-3.924 7.896-6.954 7.951-2.01.039-2.656-1.191-4.954-1.191-2.296 0-3.015 1.154-4.915 1.229C4.962 30.122 0 22.715 0 16.254 0 10.32 4.135 7.38 7.747 7.325c1.938-.035 3.768 1.307 4.95 1.307 1.186 0 3.408-1.613 5.744-1.377.978.041 3.724.394 5.487 2.972C19.25 13.279 19.98 19.663 25 22.009zM18.473 0c-3.533.143-6.416 3.849-6.013 6.914 3.265.254 6.398-3.406 6.013-6.914z',
+ defaultProps: {
+ color: 'bg'
+ }
});
-
-export const MacosLogo: React.FC = props => ;
diff --git a/src/components/UI/icons/MoonIcon.tsx b/src/components/UI/icons/MoonIcon.tsx
index bdc27c9247..ed4b94fc77 100644
--- a/src/components/UI/icons/MoonIcon.tsx
+++ b/src/components/UI/icons/MoonIcon.tsx
@@ -3,12 +3,5 @@ import { createIcon } from '@chakra-ui/icons';
export const MoonIcon = createIcon({
displayName: 'MoonIcon',
viewBox: '0 0 22 22',
- path: (
-
- )
+ d: 'M8.333.334C6.392.334 4.568.867 3 1.774c3.19 1.845 5.333 5.28 5.333 9.227 0 3.946-2.144 7.381-5.333 9.226a10.638 10.638 0 0 0 5.333 1.44C14.221 21.667 19 16.89 19 11.001 19 5.113 14.221.334 8.333.334z'
});
diff --git a/src/components/UI/icons/SourceBranch.tsx b/src/components/UI/icons/SourceBranch.tsx
index ea73ad0b7a..72b662139c 100644
--- a/src/components/UI/icons/SourceBranch.tsx
+++ b/src/components/UI/icons/SourceBranch.tsx
@@ -1,21 +1,10 @@
-import { IconProps } from '@chakra-ui/react';
import { createIcon } from '@chakra-ui/icons';
-const [w, h] = [22, 30];
-
-const Icon = createIcon({
+export const SourceBranch = createIcon({
displayName: 'SourceBranch',
- viewBox: `0 0 ${w} ${h}`,
- path: (
-
- )
+ viewBox: '0 0 22 30',
+ d: 'M21.875 4.125a3.625 3.625 0 1 0-7.25 0c0 1.599 1.04 2.94 2.477 3.422.203 5.19-2.442 5.756-6.04 6.514-2.064.435-4.4.937-6.104 2.52V7.527a3.612 3.612 0 0 0 2.417-3.403 3.625 3.625 0 1 0-7.25 0 3.612 3.612 0 0 0 2.417 3.403V22.47a3.615 3.615 0 0 0-2.417 3.404 3.625 3.625 0 1 0 7.25 0 3.614 3.614 0 0 0-2.384-3.393c.326-4.74 3.105-5.326 6.57-6.056 3.67-.773 8.185-1.743 7.95-8.914a3.615 3.615 0 0 0 2.364-3.387zm-20.3 0c0-1.2.975-2.175 2.175-2.175 1.2 0 2.175.975 2.175 2.175 0 1.2-.975 2.175-2.175 2.175-1.2 0-2.175-.975-2.175-2.175zm4.35 21.75c0 1.2-.975 2.175-2.175 2.175-1.2 0-2.175-.975-2.175-2.175 0-1.2.975-2.175 2.175-2.175 1.2 0 2.175.975 2.175 2.175zM18.25 6.3c-1.2 0-2.175-.975-2.175-2.175 0-1.2.975-2.175 2.175-2.175 1.2 0 2.175.975 2.175 2.175 0 1.2-.975 2.175-2.175 2.175z',
+ defaultProps: {
+ color: 'bg'
+ }
});
-
-export const SourceBranch: React.FC = props => (
-
-);
diff --git a/src/components/UI/icons/SunIcon.tsx b/src/components/UI/icons/SunIcon.tsx
index bda950137d..f076de80dc 100644
--- a/src/components/UI/icons/SunIcon.tsx
+++ b/src/components/UI/icons/SunIcon.tsx
@@ -3,12 +3,5 @@ import { createIcon } from '@chakra-ui/icons';
export const SunIcon = createIcon({
displayName: 'SunIcon',
viewBox: '0 0 44 44',
- path: (
-
- )
+ d: 'M21 0h2v12h-2V0zM0 23v-2h12v2H0zM44 21H32v2h12v-2zM21 32h2v12h-2V32zM7.15 5.736 5.738 7.151l8.485 8.485 1.414-1.414-8.485-8.486zM36.85 5.736l1.413 1.414-8.485 8.486-1.414-1.414 8.485-8.486zM29.778 28.364l-1.414 1.415 8.485 8.485 1.415-1.415-8.486-8.485zM14.222 28.364l1.414 1.414-8.485 8.486-1.414-1.415 8.485-8.485zM30 22a8 8 0 1 1-16 0 8 8 0 0 1 16 0z'
});
diff --git a/src/components/UI/icons/TwitterIcon.tsx b/src/components/UI/icons/TwitterIcon.tsx
index dfd5126416..9cdda90973 100644
--- a/src/components/UI/icons/TwitterIcon.tsx
+++ b/src/components/UI/icons/TwitterIcon.tsx
@@ -3,12 +3,5 @@ import { createIcon } from '@chakra-ui/icons';
export const TwitterIcon = createIcon({
displayName: 'TwitterIcon',
viewBox: '0 0 28 22',
- path: (
-
- )
+ d: 'M24.725 5.483c.017.24.017.481.017.722C24.742 13.544 19.174 22 8.997 22A15.6 15.6 0 0 1 .5 19.508c.445.051.874.069 1.336.069a11.06 11.06 0 0 0 6.87-2.372 5.546 5.546 0 0 1-5.174-3.85 6.96 6.96 0 0 0 1.045.086c.497 0 .994-.07 1.457-.19a5.548 5.548 0 0 1-4.438-5.448v-.069a5.56 5.56 0 0 0 2.502.705A5.552 5.552 0 0 1 1.63 3.816c0-1.032.274-1.977.753-2.802a15.712 15.712 0 0 0 11.41 5.81 6.282 6.282 0 0 1-.137-1.272c0-3.06 2.467-5.552 5.534-5.552 1.593 0 3.032.67 4.043 1.753 1.25-.24 2.45-.705 3.512-1.34a5.533 5.533 0 0 1-2.432 3.059c1.113-.12 2.192-.43 3.186-.86a11.917 11.917 0 0 1-2.775 2.87z'
});
diff --git a/src/components/UI/icons/WindowsLogo.tsx b/src/components/UI/icons/WindowsLogo.tsx
index 844528f775..d2972888e3 100644
--- a/src/components/UI/icons/WindowsLogo.tsx
+++ b/src/components/UI/icons/WindowsLogo.tsx
@@ -1,19 +1,10 @@
-import { IconProps } from '@chakra-ui/react';
import { createIcon } from '@chakra-ui/icons';
-const [w, h] = [25, 24];
-
-const Icon = createIcon({
+export const WindowsLogo = createIcon({
displayName: 'WindowsLogo',
- viewBox: `0 0 ${w} ${h}`,
- path: (
-
- )
+ viewBox: '0 0 25 24',
+ d: 'M.5 12V3.354l10-1.355V12H.5zm11 0h13V0l-13 1.807V12zm-1 1H.5v7.646l10 1.355V13zm1 0v9.194L24.5 24V13h-13z',
+ defaultProps: {
+ color: 'bg'
+ }
});
-
-export const WindowsLogo: React.FC = props => ;
diff --git a/src/components/UI/svgs/AddIcon.tsx b/src/components/UI/svgs/AddIcon.tsx
index 6504dcda23..edcf9ddea7 100644
--- a/src/components/UI/svgs/AddIcon.tsx
+++ b/src/components/UI/svgs/AddIcon.tsx
@@ -1,21 +1,15 @@
-import { IconProps } from '@chakra-ui/react';
import { createIcon } from '@chakra-ui/icons';
-const [w, h] = [24, 24];
-
-const Icon = createIcon({
+export const AddIcon = createIcon({
displayName: 'AddIcon',
- viewBox: `0 0 ${w} ${h}`,
+ viewBox: '0 0 24 24',
path: (
-
- )
+
+
+
+
+ ),
+ defaultProps: {
+ color: 'primary'
+ }
});
-
-export const AddIcon: React.FC = props => (
-
-);
diff --git a/src/components/UI/svgs/GlyphHome.tsx b/src/components/UI/svgs/GlyphHome.tsx
index fc61324277..49b1a1d575 100644
--- a/src/components/UI/svgs/GlyphHome.tsx
+++ b/src/components/UI/svgs/GlyphHome.tsx
@@ -1,21 +1,14 @@
-import { IconProps } from '@chakra-ui/react';
import { createIcon } from '@chakra-ui/icons';
const [w, h] = [180, 278];
-const Icon = createIcon({
+export const GlyphHome = createIcon({
displayName: 'GlyphHome',
viewBox: `0 0 ${w} ${h}`,
- path: (
-
- )
+ d: 'M90 276.5v-69.121L2.765 157.376 90 276.5zM90 276.5v-69.121l87.236-50.003L90 276.5zM90 190.325v-87.442L1.5 141.27 90 190.325zM90 190.325v-87.442l88.5 38.387L90 190.325zM1.5 140.901 90 1.5v100.76L1.5 140.901zM178.5 140.901 90 1.5v100.76l88.5 38.641z',
+ defaultProps: {
+ color: 'primary',
+ w,
+ h
+ }
});
-
-export const GlyphHome: React.FC = props => (
-
-);
diff --git a/src/components/UI/svgs/GopherDownloads.tsx b/src/components/UI/svgs/GopherDownloads.tsx
index 33704b9ee7..d9e2d1e750 100644
--- a/src/components/UI/svgs/GopherDownloads.tsx
+++ b/src/components/UI/svgs/GopherDownloads.tsx
@@ -1,13 +1,12 @@
-import { IconProps } from '@chakra-ui/react';
import { createIcon } from '@chakra-ui/icons';
const [w, h] = [276, 268];
-const Icon = createIcon({
+export const GopherDownloads = createIcon({
displayName: 'GopherDownloads',
viewBox: `0 0 ${w} ${h}`,
path: (
-
- )
+ >
+ ),
+ defaultProps: {
+ color: 'primary',
+ fill: 'none',
+ h,
+ w
+ }
});
-
-export const GopherDownloads: React.FC = props => (
-
-);
diff --git a/src/components/UI/svgs/GopherHomeFront.tsx b/src/components/UI/svgs/GopherHomeFront.tsx
index 7a5cf11b4f..a1ace3c929 100644
--- a/src/components/UI/svgs/GopherHomeFront.tsx
+++ b/src/components/UI/svgs/GopherHomeFront.tsx
@@ -1,13 +1,12 @@
-import { IconProps } from '@chakra-ui/react';
import { createIcon } from '@chakra-ui/icons';
const [w, h] = [144, 272];
-const Icon = createIcon({
+export const GopherHomeFront = createIcon({
displayName: 'GopherHomeFront',
viewBox: `0 0 ${w} ${h}`,
path: (
-
- )
+ >
+ ),
+ defaultProps: {
+ color: 'primary',
+ fill: 'none',
+ h,
+ w
+ }
});
-
-export const GopherHomeFront: React.FC = props => (
-
-);
diff --git a/src/components/UI/svgs/GopherHomeLinks.tsx b/src/components/UI/svgs/GopherHomeLinks.tsx
index 325e660143..95d698f10e 100644
--- a/src/components/UI/svgs/GopherHomeLinks.tsx
+++ b/src/components/UI/svgs/GopherHomeLinks.tsx
@@ -1,13 +1,12 @@
-import { IconProps } from '@chakra-ui/react';
import { createIcon } from '@chakra-ui/icons';
const [w, h] = [164, 252];
-const Icon = createIcon({
+export const GopherHomeLinks = createIcon({
displayName: 'GopherHomeLinks',
viewBox: `0 0 ${w} ${h}`,
path: (
-
- )
+ >
+ ),
+ defaultProps: {
+ color: 'primary',
+ fill: 'none',
+ h,
+ w
+ }
});
-
-export const GopherHomeLinks: React.FC = props => (
-
-);
diff --git a/src/components/UI/svgs/GopherHomeNodes.tsx b/src/components/UI/svgs/GopherHomeNodes.tsx
index 303ca9f3f4..95d698f10e 100644
--- a/src/components/UI/svgs/GopherHomeNodes.tsx
+++ b/src/components/UI/svgs/GopherHomeNodes.tsx
@@ -1,223 +1,258 @@
-import { IconProps } from '@chakra-ui/react';
import { createIcon } from '@chakra-ui/icons';
-const [w, h] = [214, 243];
+const [w, h] = [164, 252];
-const Icon = createIcon({
- displayName: 'GopherHomeNodes',
+export const GopherHomeLinks = createIcon({
+ displayName: 'GopherHomeLinks',
viewBox: `0 0 ${w} ${h}`,
path: (
-
- )
+
+
+
+
+
+
+ >
+ ),
+ defaultProps: {
+ color: 'primary',
+ fill: 'none',
+ h,
+ w
+ }
});
-
-export const GopherHomeNodes: React.FC = props => (
-
-);
diff --git a/src/components/UI/svgs/MinusIcon.tsx b/src/components/UI/svgs/MinusIcon.tsx
index 5a956d6b1f..986f77256c 100644
--- a/src/components/UI/svgs/MinusIcon.tsx
+++ b/src/components/UI/svgs/MinusIcon.tsx
@@ -1,18 +1,12 @@
-import { IconProps } from '@chakra-ui/react';
import { createIcon } from '@chakra-ui/icons';
const [w, h] = [24, 24];
-const Icon = createIcon({
+export const MinusIcon = createIcon({
displayName: 'MinusIcon',
viewBox: `0 0 ${w} ${h}`,
- path: (
-
- )
+ d: 'M2 11h20v2H2z',
+ defaultProps: {
+ color: 'primary'
+ }
});
-
-export const MinusIcon: React.FC = props => (
-
-);