Merge pull request #13 from author-more/feat/add-icons

feat: add icons - hero, remix, feather

bin/config.ts

@@ -27,4 +27,27 @@ export const iconPackages = [
     },
     iconsDir: "../node_modules/bootstrap-icons/icons",
   },
+  ...[
+    ["outline", "24/outline"],
+    ["solid", "24/solid"],
+    ["mini", "20/solid"],
+    ["micro", "16/solid"],
+  ].map(([variant, path]) => ({
+    id: `heroicons`,
+    variant,
+    iconsDir: `../node_modules/heroicons/${path}`,
+  })),
+  {
+    id: "remixicon",
+    getVariantFromIconName: (iconName: string) => {
+      if (iconName.endsWith("fill")) return "fill";
+      return "regular";
+    },
+    iconsDir: "../node_modules/remixicon/icons",
+  },
+  {
+    id: "feather",
+    variant: "regular",
+    iconsDir: "../node_modules/feather-icons/dist/icons",
+  },
 ];

bin/files.ts

@@ -5,7 +5,7 @@ export const __dirname = import.meta.dirname;
 
 export function getFilesByExtension(directory: string, extension: string) {
   const path = resolve(__dirname, directory);
-  const files = readdirSync(path);
+  const files = readdirSync(path, { encoding: "utf8", recursive: true });
 
   return files.filter((file) => extname(file) === extension);
 }

bin/generateIconSets.ts

@@ -28,7 +28,7 @@ iconPackages.forEach(
         throw new Error(`Failed to parse the SVG: ${file}`);
       }
 
-      const iconName = file.replace(".svg", "");
+      const iconName = file.split("/").pop()!.replace(".svg", "");
       const variantName =
         variant ?? getVariantFromIconName?.(iconName) ?? "regular";
 

package.json

@@ -17,11 +17,14 @@
     "@penpot/plugin-styles": "^0.10.0",
     "@phosphor-icons/core": "^2.1.1",
     "bootstrap-icons": "^1.11.3",
+    "feather-icons": "^4.29.2",
+    "heroicons": "^2.1.5",
     "iconoir": "^7.8.0",
     "lucide-react": "^0.427.0",
     "lucide-static": "^0.427.0",
     "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react-dom": "^18.3.1",
+    "remixicon": "^4.3.0"
   },
   "devDependencies": {
     "@penpot/plugin-types": "^0.10.0",

src/icons.ts

@@ -111,6 +111,36 @@ export const iconLibraries: IconLibrary[] = [
     },
     icons: generateVariants("bootstrap", ["regular", "fill"]),
   },
+  {
+    id: "heroicons",
+    name: "Heroicons",
+    website: "https://heroicons.com",
+    license: {
+      name: "MIT",
+      url: "https://github.com/tailwindlabs/heroicons/blob/master/LICENSE",
+    },
+    icons: generateVariants("heroicons", ["outline", "solid", "mini", "micro"]),
+  },
+  {
+    id: "remixicon",
+    name: "Remix Icon",
+    website: "https://remixicon.com/",
+    license: {
+      name: "Apache-2.0",
+      url: "https://github.com/Remix-Design/remixicon/blob/master/License",
+    },
+    icons: generateVariants("remixicon", ["regular", "fill"]),
+  },
+  {
+    id: "feather",
+    name: "Feather",
+    website: "https://feathericons.com/",
+    license: {
+      name: "MIT",
+      url: "https://github.com/feathericons/feather/blob/main/LICENSE",
+    },
+    icons: generateVariants("feather", ["regular"]),
+  },
 ];
 
 export const defaultIconSetSettings: Record<string, IconSetSettings> =