diff --git a/site/next-env.d.ts b/site/next-env.d.ts
index 7b7aa2c77..816cf4879 100644
--- a/site/next-env.d.ts
+++ b/site/next-env.d.ts
@@ -1,2 +1,7 @@
///
///
+
+declare module "*.svg" {
+ const content: any;
+ export default content;
+}
diff --git a/site/package.json b/site/package.json
index 8476f638b..48ec1abc0 100644
--- a/site/package.json
+++ b/site/package.json
@@ -17,12 +17,13 @@
"fuse.js": "^6.0.4",
"jszip": "^3.4.0",
"lodash": "^4.17.20",
- "lucide-react": "^0.1.2-beta.1",
+ "lucide-react": "^0.1.2-beta.3",
"next": "^9.5.4",
"react": "^16.13.1",
"react-color": "^2.18.1",
"react-dom": "^16.13.1",
- "react-spring": "^8.0.27"
+ "react-spring": "^8.0.27",
+ "react-svg-loader": "^3.0.3"
},
"devDependencies": {
"@testing-library/dom": "^7.24.4",
@@ -33,6 +34,7 @@
"@types/react": "^16.9.35",
"@types/react-dom": "^16.9.8",
"babel-jest": "^26.5.2",
+ "babel-loader": "^8.1.0",
"cheerio": "^1.0.0-rc.3",
"jest": "^26.5.2",
"react-test-renderer": "^16.13.1",
diff --git a/site/public/android-chrome-192x192.png b/site/public/android-chrome-192x192.png
new file mode 100644
index 000000000..e63cb71ac
Binary files /dev/null and b/site/public/android-chrome-192x192.png differ
diff --git a/site/public/android-chrome-512x512.png b/site/public/android-chrome-512x512.png
new file mode 100644
index 000000000..592a7f3b8
Binary files /dev/null and b/site/public/android-chrome-512x512.png differ
diff --git a/site/public/apple-touch-icon.png b/site/public/apple-touch-icon.png
new file mode 100644
index 000000000..de4e7a53c
Binary files /dev/null and b/site/public/apple-touch-icon.png differ
diff --git a/site/public/browserconfig.xml b/site/public/browserconfig.xml
new file mode 100644
index 000000000..3eaf0f8ee
--- /dev/null
+++ b/site/public/browserconfig.xml
@@ -0,0 +1,8 @@
+
+
+
+
+ #F56565
+
+
+
diff --git a/site/public/favicon-16x16.png b/site/public/favicon-16x16.png
new file mode 100644
index 000000000..dc16fd105
Binary files /dev/null and b/site/public/favicon-16x16.png differ
diff --git a/site/public/favicon-32x32.png b/site/public/favicon-32x32.png
new file mode 100644
index 000000000..412909326
Binary files /dev/null and b/site/public/favicon-32x32.png differ
diff --git a/site/public/favicon.ico b/site/public/favicon.ico
new file mode 100644
index 000000000..0a4f3f7aa
Binary files /dev/null and b/site/public/favicon.ico differ
diff --git a/site/public/favicon.svg b/site/public/favicon.svg
new file mode 100644
index 000000000..47ec904a5
--- /dev/null
+++ b/site/public/favicon.svg
@@ -0,0 +1,24 @@
+
diff --git a/site/public/logo.svg b/site/public/logo.svg
index 553cfb7be..57f74f081 100644
--- a/site/public/logo.svg
+++ b/site/public/logo.svg
@@ -4,7 +4,7 @@
height="24"
viewBox="0 0 24 24"
fill="none"
- stroke="#2D3748"
+ stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
diff --git a/site/public/mstile-144x144.png b/site/public/mstile-144x144.png
new file mode 100644
index 000000000..88cfea323
Binary files /dev/null and b/site/public/mstile-144x144.png differ
diff --git a/site/public/mstile-150x150.png b/site/public/mstile-150x150.png
new file mode 100644
index 000000000..e101ce080
Binary files /dev/null and b/site/public/mstile-150x150.png differ
diff --git a/site/public/mstile-310x150.png b/site/public/mstile-310x150.png
new file mode 100644
index 000000000..5d26af715
Binary files /dev/null and b/site/public/mstile-310x150.png differ
diff --git a/site/public/mstile-310x310.png b/site/public/mstile-310x310.png
new file mode 100644
index 000000000..73419deed
Binary files /dev/null and b/site/public/mstile-310x310.png differ
diff --git a/site/public/mstile-70x70.png b/site/public/mstile-70x70.png
new file mode 100644
index 000000000..021db6a48
Binary files /dev/null and b/site/public/mstile-70x70.png differ
diff --git a/site/public/safari-pinned-tab.svg b/site/public/safari-pinned-tab.svg
new file mode 100644
index 000000000..1e1301d4b
--- /dev/null
+++ b/site/public/safari-pinned-tab.svg
@@ -0,0 +1,53 @@
+
+
+
diff --git a/site/public/site.webmanifest b/site/public/site.webmanifest
new file mode 100644
index 000000000..b20abb7cb
--- /dev/null
+++ b/site/public/site.webmanifest
@@ -0,0 +1,19 @@
+{
+ "name": "",
+ "short_name": "",
+ "icons": [
+ {
+ "src": "/android-chrome-192x192.png",
+ "sizes": "192x192",
+ "type": "image/png"
+ },
+ {
+ "src": "/android-chrome-512x512.png",
+ "sizes": "512x512",
+ "type": "image/png"
+ }
+ ],
+ "theme_color": "#ffffff",
+ "background_color": "#ffffff",
+ "display": "standalone"
+}
diff --git a/site/src/components/Header.tsx b/site/src/components/Header.tsx
index b2d51017b..4d1dfaa5b 100644
--- a/site/src/components/Header.tsx
+++ b/site/src/components/Header.tsx
@@ -1,7 +1,7 @@
import {Button, Flex, Link, Stack, Text,} from "@chakra-ui/core";
import download from "downloadjs";
import JSZip from "jszip";
-import { Download, GitHub } from 'lucide-react';
+import { Download, Github } from 'lucide-react';
import {IconCustomizerDrawer} from "./IconCustomizerDrawer";
function generateZip(icons) {
@@ -24,7 +24,7 @@ const Header = ({ data }) => {
return (
-
+
Simply beautiful open source icons, community-sourced
@@ -41,7 +41,7 @@ const Header = ({ data }) => {