diff --git a/src/assets/icons/bash.svg b/src/assets/icons/bash.svg
new file mode 100644
index 00000000..cd7f25b9
--- /dev/null
+++ b/src/assets/icons/bash.svg
@@ -0,0 +1,7 @@
+
diff --git a/src/assets/icons/bun.svg b/src/assets/icons/bun.svg
new file mode 100644
index 00000000..4b940fd2
--- /dev/null
+++ b/src/assets/icons/bun.svg
@@ -0,0 +1,7 @@
+
diff --git a/src/assets/icons/coffeescript.svg b/src/assets/icons/coffeescript.svg
new file mode 100644
index 00000000..792044e9
--- /dev/null
+++ b/src/assets/icons/coffeescript.svg
@@ -0,0 +1,6 @@
+
diff --git a/src/assets/icons/cpp.svg b/src/assets/icons/cpp.svg
new file mode 100644
index 00000000..29d42f97
--- /dev/null
+++ b/src/assets/icons/cpp.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/assets/icons/csharp.svg b/src/assets/icons/csharp.svg
new file mode 100644
index 00000000..af1c7192
--- /dev/null
+++ b/src/assets/icons/csharp.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/assets/icons/docker.svg b/src/assets/icons/docker.svg
new file mode 100644
index 00000000..02a91617
--- /dev/null
+++ b/src/assets/icons/docker.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/assets/icons/ejs.svg b/src/assets/icons/ejs.svg
new file mode 100644
index 00000000..4c3cf629
--- /dev/null
+++ b/src/assets/icons/ejs.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/assets/icons/figma.svg b/src/assets/icons/figma.svg
new file mode 100644
index 00000000..fa03857f
--- /dev/null
+++ b/src/assets/icons/figma.svg
@@ -0,0 +1,9 @@
+
diff --git a/src/assets/icons/generate_code.js b/src/assets/icons/generate_code.js
new file mode 100644
index 00000000..4337e0d8
--- /dev/null
+++ b/src/assets/icons/generate_code.js
@@ -0,0 +1,14 @@
+// once again a lazy soul
+const fs = require('fs')
+const files = fs.readdirSync(__dirname).filter(e=>e.endsWith('.svg'))
+console.log(`
+// template: import cssIcon from "../../assets/icons/css.svg"
+// autogenerated script fyi
+${files.map(f => {
+ return `import ${f.replace('.svg', 'Icon')} from "../../assets/icons/${f}"`
+}).join('\n')}
+
+${files.map(f => {
+ return `export const ${f.replace('.svg', '')} = ${f.replace('.svg', 'Icon')};`
+}).join('\n')}
+`)
diff --git a/src/assets/icons/git.svg b/src/assets/icons/git.svg
new file mode 100644
index 00000000..f66c6e51
--- /dev/null
+++ b/src/assets/icons/git.svg
@@ -0,0 +1,6 @@
+
diff --git a/src/assets/icons/graphql.svg b/src/assets/icons/graphql.svg
new file mode 100644
index 00000000..6425cd4b
--- /dev/null
+++ b/src/assets/icons/graphql.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/assets/icons/html.svg b/src/assets/icons/html.svg
index f38daf61..756a2515 100644
--- a/src/assets/icons/html.svg
+++ b/src/assets/icons/html.svg
@@ -1,6 +1,6 @@
-