diff --git a/site/src/lib/icons.tsx b/site/src/lib/icons.tsx
index 49c1f3e78..044fa740b 100644
--- a/site/src/lib/icons.tsx
+++ b/site/src/lib/icons.tsx
@@ -8,7 +8,7 @@ import { getContributors } from "./fetchAllContributors";
 const directory = path.join(process.cwd(), "../icons");
 
 export function getAllNames() {
-  const fileNames = fs.readdirSync(directory);
+  const fileNames = fs.readdirSync(directory).filter((file) => path.extname(file) === '.svg');
 
   return fileNames.map((fileName) => {
     return fileName.replace(/\.svg$/, "");
diff --git a/tools/outline-svg/main.mjs b/tools/outline-svg/main.mjs
index 9215c8569..a1e3ef475 100644
--- a/tools/outline-svg/main.mjs
+++ b/tools/outline-svg/main.mjs
@@ -41,7 +41,7 @@ async function init() {
       await fs.mkdir(targetDir);
     } catch (error) {} // eslint-disable-line no-empty
 
-    const icons = await fs.readdir(inputDir).filter((file) => path.extname(file) === '.svg');
+    const icons = (await fs.readdir(inputDir)).filter((file) => path.extname(file) === '.svg');
     const parsedIconNodes = await Promise.all(
       icons.map(async (file) => {
         const inputFilePath = path.resolve(process.cwd(), inputDir, file);