Merge pull request #33 from pheralb/next

🚀 v1.2.5
pheralb · Apr 5, 2024 · 285c9ad · 285c9ad
2 parents b6b0dcf + 135ec95
commit 285c9ad
Show file tree

Hide file tree

Showing 38 changed files with 971 additions and 134 deletions.
diff --git a/README.md b/README.md
@@ -13,6 +13,8 @@
 <span>&nbsp;&nbsp;❖&nbsp;&nbsp;</span>
 <a href="https://marketplace.visualstudio.com/items?itemName=miguelsolorio.symbols">VSCode Theme</a>
 
+![Remix Badge](https://img.shields.io/badge/Remix-000?logo=remix&logoColor=fff&style=flat)
+![SWC Badge](https://img.shields.io/badge/SWC-F8C457?logo=swc&logoColor=000&style=flat)
 [![Build Status](https://img.shields.io/endpoint.svg?url=https%3A%2F%2Factions-badge.atrox.dev%2Fpheralb%2Freact-symbols%2Fbadge%3Fref%3Dmain&style=flat)](https://actions-badge.atrox.dev/pheralb/react-symbols/goto?ref=main)
 ![GitHub releases](https://img.shields.io/github/release/pheralb/react-symbols)
 ![GitHub stars](https://img.shields.io/github/stars/pheralb/react-symbols)
@@ -69,7 +71,7 @@ const MyComponent = () => {
 export default MyComponent
 ```
 
-> Config for use the library with [**Remix**](https://remix.run/) if you are using Remix with CJS (v1 uses CJS by default, v2 uses ESM):
+> Config for use the library with [**Remix Old Compiler**](https://remix.run/) if you are using CJS (v1 uses CJS by default, v2 uses ESM):
 
 ```js
 // Add in the remix.config.js:
@@ -80,6 +82,22 @@ module.exports = {
 };
 ```
 
+> Change the name of the icon:
+
+```jsx
+import { Bun as BunIcon } from "@react-symbols/icons"
+
+const MyComponent = () => {
+  return (
+    <>
+      <BunIcon width={128} height={128} />
+    </>
+  )
+}
+
+export default MyComponent
+```
+
 ## ⚙️ Stack
 
 This is a [Turborepo](https://turbo.build/repo) project bootstrapped with [`create-turbo`](https://www.npmjs.com/package/create-turbo):

diff --git a/library/package.json b/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@react-symbols/icons",
-  "version": "1.2.4",
+  "version": "1.2.5",
   "description": "Symbols icons by Miguel Solorio for React",
   "keywords": [
     "react",
@@ -41,15 +41,15 @@
     "typecheck": "tsc --noEmit"
   },
   "devDependencies": {
-    "@swc/cli": "0.1.63",
-    "@swc/core": "1.3.102",
-    "@types/node": "18.16.3",
-    "@types/react": "18.2.46",
-    "@types/react-dom": "18.2.18",
+    "@swc/cli": "0.3.12",
+    "@swc/core": "1.4.12",
+    "@types/node": "20.12.4",
+    "@types/react": "18.2.74",
+    "@types/react-dom": "18.2.24",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "tsup": "8.0.1",
-    "typescript": "5.3.3"
+    "tsup": "8.0.2",
+    "typescript": "5.4.4"
   },
   "peerDependencies": {
     "react": ">=16.8.0",

diff --git a/library/src/index.ts b/library/src/index.ts
@@ -137,6 +137,7 @@ export { default as CloudflareWorkers } from "./library/cloudflareWorkers.js"
 export { default as Gif } from "./library/gif.js"
 export { default as Rome } from "./library/rome.js"
 export { default as Turborepo } from "./library/turborepo.js"
+export { default as BiomeOld } from "./library/biome_old.js"
 export { default as Biome } from "./library/biome.js"
 export { default as Bun } from "./library/bun.js"
 export { default as CMake } from "./library/cmake.js"
@@ -157,6 +158,20 @@ export { default as Sanity } from "./library/sanity.js"
 export { default as Serverless } from "./library/serverless.js"
 export { default as Solidity } from "./library/solidity.js"
 export { default as UnoCSS } from "./library/unocss.js"
+export { default as AngularComponent } from "./library/angularComponent.js"
+export { default as AngularService } from "./library/angularService.js"
+export { default as Crystal } from "./library/crystal.js"
+export { default as Gleam } from "./library/gleam.js"
+export { default as Haskell } from "./library/haskell.js"
+export { default as PDF } from "./library/pdf.js"
+export { default as PKL } from "./library/pkl.js"
+export { default as ReduxActions } from "./library/reduxActions.js"
+export { default as ReduxEffects } from "./library/reduxEffects.js"
+export { default as ReduxFacade } from "./library/reduxFacade.js"
+export { default as ReduxReducer } from "./library/reduxReducer.js"
+export { default as ReduxSelector } from "./library/reduxSelector.js"
+export { default as Twig } from "./library/twig.js"
+export { default as Vitest } from "./library/vitest.js"
 
 // Folders =>
 
@@ -202,3 +217,17 @@ export { default as FolderVercel } from "./library/folders/folderVercel.js"
 export { default as FolderFirebase } from "./library/folders/folderFirebase.js"
 export { default as FolderGithub } from "./library/folders/folderGithub.js"
 export { default as FolderSupabase } from "./library/folders/folderSupabase.js"
+export { default as FolderActions } from "./library/folders/folderActions.js"
+export { default as FolderAuth } from "./library/folders/folderAuth.js"
+export { default as FolderCore } from "./library/folders/folderCore.js"
+export { default as FolderEffects } from "./library/folders/folderEffects.js"
+export { default as FolderFacade } from "./library/folders/folderFacade.js"
+export { default as FolderHelpers } from "./library/folders/folderHelpers.js"
+export { default as FolderInterfaces } from "./library/folders/folderInterfaces.js"
+export { default as FolderMail } from "./library/folders/folderMail.js"
+export { default as FolderModels } from "./library/folders/folderModels.js"
+export { default as FolderModules } from "./library/folders/folderModules.js"
+export { default as FolderReducer } from "./library/folders/folderReducer.js"
+export { default as FolderRouter } from "./library/folders/folderRouter.js"
+export { default as FolderSelector } from "./library/folders/folderSelector.js"
+export { default as FolderShared } from "./library/folders/folderShared.js"
diff --git a/library/src/library/angularComponent.tsx b/library/src/library/angularComponent.tsx
@@ -0,0 +1,17 @@
+import type { ComponentProps, FC } from "react"
+
+const AngularComponent: FC<ComponentProps<"svg">> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="#60A5FA"
+      d="M20.03 5.97l-.614 9.642-5.87-12.643 6.484 3zm-4.066 12.467l-4.436 2.532-4.436-2.532.902-2.186h7.068l.902 2.186zm-4.436-10.67l2.324 5.652H9.203l2.325-5.651zm-7.895 7.845L3.026 5.97 9.51 2.969 3.633 15.612z"
+    ></path>
+  </svg>
+)
+
+export default AngularComponent
diff --git a/library/src/library/angularService.tsx b/library/src/library/angularService.tsx
@@ -0,0 +1,17 @@
+import type { ComponentProps, FC } from "react"
+
+const AngularService: FC<ComponentProps<"svg">> = (props) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M20.0304 5.96958L19.4164 15.6117L13.5456 2.96857L20.0304 5.96958ZM15.9641 18.4374L11.528 20.9686L7.09193 18.4374L7.99417 16.2508H15.0618L15.9641 18.4374ZM11.528 7.76771L13.8525 13.419H9.20348L11.528 7.76771ZM3.63333 15.6117L3.02557 5.96958L9.51045 2.96857L3.63333 15.6117Z"
+      fill="#FBBF24"
+    />
+  </svg>
+)
+
+export default AngularService
diff --git a/library/src/library/biome.tsx b/library/src/library/biome.tsx
@@ -3,13 +3,13 @@ import type { ComponentProps, FC } from "react"
 const Biome: FC<ComponentProps<"svg">> = (props) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    fill="none"
-    viewBox="0 0 24 24"
+    style={{ isolation: "isolate" }}
+    viewBox="0 0 48 48"
     {...props}
   >
     <path
-      fill="#FBBF24"
-      d="M18.49 13.274a4.29 4.29 0 00-.71-1.075c-.145-.136-.3-.264-.454-.396-.075-.066-.088-.132-.017-.194.383-.323.692-.724.907-1.177.167-.377.276-.778.322-1.189.025-.224.025-.45 0-.674-.047-.508-.1-.846-.159-1.014a5.47 5.47 0 00-.114-.4c-.485-1.243-1.6-2.08-2.322-2.512a6.096 6.096 0 00-.683-.273 7.194 7.194 0 00-1.233-.282A6.484 6.484 0 0013.092 4H5.043v3.679h7.825c.258 0 .515.03.766.088.335.07.622.212.78.537.06.163.092.334.097.507v.37a.869.869 0 01-.246.467c-.265.213-.595.33-.934.33-.6.045-1.204.01-1.807.018H5.043v9.997h3.679c.114 0 .132-.044.132-.146v-5.965c0-.321 0-.321.317-.321h3.96c.437-.02.871.074 1.26.273a.035.035 0 00.023 0l.128.119a1.277 1.277 0 01.335 1.4 1.242 1.242 0 01-.432.56 2.15 2.15 0 01-1.137.362c-.502.009-1.004 0-1.506 0-.128 0-.163.039-.163.158v3.252c0 .308 0 .322.312.308.669.019 1.338 0 2.005-.057a13.442 13.442 0 001.771-.353.568.568 0 00.031-.013 5.359 5.359 0 001.515-.789c.278-.19.52-.43.714-.704a.225.225 0 00.045-.045c.334-.423.577-.91.712-1.432.08-.304.143-.613.186-.925a4.173 4.173 0 00-.44-2.396v-.005z"
+      fill="#60A5FA"
+      d="M24 5.76l-8.91 15.431a20.11 20.11 0 0110.544-.365l3.011.711-2.833 12.012-3.016-.71c-3.706-.875-7.267 1.072-8.772 4.178l-2.787-1.349c2.127-4.393 7.14-7.053 12.272-5.842l1.412-5.987A17.016 17.016 0 004 40.4h40L24 5.76z"
     ></path>
   </svg>
 )

diff --git a/library/src/library/biome_old.tsx b/library/src/library/biome_old.tsx
@@ -0,0 +1,17 @@
+import type { ComponentProps, FC } from "react"
+
+const Biome: FC<ComponentProps<"svg">> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="#FBBF24"
+      d="M18.49 13.274a4.29 4.29 0 00-.71-1.075c-.145-.136-.3-.264-.454-.396-.075-.066-.088-.132-.017-.194.383-.323.692-.724.907-1.177.167-.377.276-.778.322-1.189.025-.224.025-.45 0-.674-.047-.508-.1-.846-.159-1.014a5.47 5.47 0 00-.114-.4c-.485-1.243-1.6-2.08-2.322-2.512a6.096 6.096 0 00-.683-.273 7.194 7.194 0 00-1.233-.282A6.484 6.484 0 0013.092 4H5.043v3.679h7.825c.258 0 .515.03.766.088.335.07.622.212.78.537.06.163.092.334.097.507v.37a.869.869 0 01-.246.467c-.265.213-.595.33-.934.33-.6.045-1.204.01-1.807.018H5.043v9.997h3.679c.114 0 .132-.044.132-.146v-5.965c0-.321 0-.321.317-.321h3.96c.437-.02.871.074 1.26.273a.035.035 0 00.023 0l.128.119a1.277 1.277 0 01.335 1.4 1.242 1.242 0 01-.432.56 2.15 2.15 0 01-1.137.362c-.502.009-1.004 0-1.506 0-.128 0-.163.039-.163.158v3.252c0 .308 0 .322.312.308.669.019 1.338 0 2.005-.057a13.442 13.442 0 001.771-.353.568.568 0 00.031-.013 5.359 5.359 0 001.515-.789c.278-.19.52-.43.714-.704a.225.225 0 00.045-.045c.334-.423.577-.91.712-1.432.08-.304.143-.613.186-.925a4.173 4.173 0 00-.44-2.396v-.005z"
+    ></path>
+  </svg>
+)
+
+export default Biome
diff --git a/library/src/library/crystal.tsx b/library/src/library/crystal.tsx
@@ -0,0 +1,18 @@
+import type { ComponentProps, FC } from "react"
+
+const Crystal: FC<ComponentProps<"svg">> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 20 20"
+    {...props}
+  >
+    <path
+      fill="#fff"
+      d="M8.22 2L2 7.23l1.41 7.993L11.031 18l6.206-5.215-1.41-7.994L8.22 2z"
+    ></path>
+    <path fill="#000" d="M2 7.23l7.993-1.41-2.776 7.627L2 7.23z"></path>
+  </svg>
+)
+
+export default Crystal
diff --git a/library/src/library/folders/folderActions.tsx b/library/src/library/folders/folderActions.tsx
@@ -0,0 +1,25 @@
+import type { ComponentProps, FC } from "react"
+
+const FolderActions: FC<ComponentProps<"svg">> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="#8B5CF6"
+      stroke="#8B5CF6"
+      strokeWidth="0.25"
+      d="M20.39 16.636a.608.608 0 00-.065-1.212h-.022a.605.605 0 00-.411 1.028c-.368.724-.93 1.254-1.774 1.698a2.925 2.925 0 01-1.763.335c-.487-.064-.865-.28-1.103-.638-.346-.53-.379-1.103-.087-1.677.206-.41.53-.713.736-.865a5.805 5.805 0 01-.14-.551c-1.57 1.135-1.407 2.671-.931 3.396.357.54 1.082.876 1.882.876.216 0 .433-.021.649-.075 1.384-.27 2.434-1.093 3.029-2.315zm1.903-1.342c-.822-.962-2.033-1.492-3.418-1.492h-.173a.594.594 0 00-.53-.325h-.021a.605.605 0 00.021 1.212h.022a.61.61 0 00.53-.368h.195c.822 0 1.6.238 2.303.703.541.357.93.822 1.147 1.385.184.454.173.897-.022 1.276-.303.573-.81.887-1.482.887-.432 0-.843-.13-1.06-.227a6.379 6.379 0 01-.486.39 3.34 3.34 0 001.395.335c1.039 0 1.806-.574 2.099-1.147.313-.627.292-1.71-.52-2.629zM16.8 16.82c.01.324.28.584.605.584h.022a.605.605 0 00-.022-1.212h-.021c-.022 0-.055 0-.076.01a3.963 3.963 0 01-.563-2.4c.044-.65.26-1.212.639-1.677.313-.4.919-.595 1.33-.606 1.147-.021 1.633 1.406 1.666 1.98.14.032.378.108.54.162C20.79 11.909 19.71 11 18.67 11c-.973 0-1.87.703-2.227 1.742-.498 1.384-.174 2.715.432 3.764a.486.486 0 00-.075.314z"
+    ></path>
+    <path
+      fill="#64748B"
+      fillRule="evenodd"
+      d="M5 4a3 3 0 00-3 3v10a3 3 0 003 3h8v-2H5a1 1 0 01-1-1V7a1 1 0 011-1h2.784a1 1 0 01.635.227l2.393 1.966a3 3 0 001.904.682H19a1 1 0 011 1V10h2v-.125a3 3 0 00-3-3h-6.284a1 1 0 01-.635-.227L9.688 4.682A3 3 0 007.784 4H5z"
+      clipRule="evenodd"
+    ></path>
+  </svg>
+)
+
+export default FolderActions
diff --git a/library/src/library/folders/folderAuth.tsx b/library/src/library/folders/folderAuth.tsx
@@ -0,0 +1,31 @@
+import type { ComponentProps, FC } from "react"
+
+const FolderAuth: FC<ComponentProps<"svg">> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="#64748B"
+      fillRule="evenodd"
+      d="M15.667 14.889h5.555c.92 0 1.667.746 1.667 1.667v2.777c0 .92-.746 1.667-1.667 1.667h-5.555c-.92 0-1.667-.746-1.667-1.667v-2.777c0-.92.746-1.667 1.667-1.667zm0 1.111a.556.556 0 00-.556.556v2.777c0 .307.249.556.556.556h5.555a.556.556 0 00.556-.556v-2.777a.556.556 0 00-.556-.556h-5.555z"
+      clipRule="evenodd"
+    ></path>
+    <path
+      fill="#64748B"
+      fillRule="evenodd"
+      d="M20.816 12.073c-.508-.733-1.438-1.031-2.175-1.069-.778-.039-1.778.187-2.427 1.019-.275.353-.39.782-.45 1.104a6.73 6.73 0 00-.096 1.104c-.006.396.01.812.039 1.213h1.114c-.082-1.105-.074-2.298.27-2.738.703-.902 2.343-.676 2.812 0 .235.339.234 1.582.175 2.738h1.113c.022-.444.035-.904.03-1.327a8.68 8.68 0 00-.062-1.017c-.033-.248-.104-.682-.343-1.027z"
+      clipRule="evenodd"
+    ></path>
+    <path
+      fill="#64748B"
+      fillRule="evenodd"
+      d="M5 4a3 3 0 00-3 3v10a3 3 0 003 3h8v-2H5a1 1 0 01-1-1V7a1 1 0 011-1h2.784a1 1 0 01.635.227l2.393 1.966a3 3 0 001.904.682H19a1 1 0 011 1V10h2v-.125a3 3 0 00-3-3h-6.284a1 1 0 01-.635-.227L9.688 4.682A3 3 0 007.784 4H5z"
+      clipRule="evenodd"
+    ></path>
+  </svg>
+)
+
+export default FolderAuth
diff --git a/library/src/library/folders/folderCore.tsx b/library/src/library/folders/folderCore.tsx
@@ -0,0 +1,26 @@
+import type { ComponentProps, FC } from "react"
+
+const FolderCore: FC<ComponentProps<"svg">> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path fill="#0EA5E9" d="M21.25 13.75h-4.5v4.5h4.5v-4.5z"></path>
+    <path
+      fill="#0EA5E9"
+      fillRule="evenodd"
+      d="M17.125 11.125a.375.375 0 01.375.375v.375h1.125V11.5a.375.375 0 01.75 0v.375H20.5V11.5a.375.375 0 01.75 0v.375h.375a1.5 1.5 0 011.5 1.5v.375h.375a.375.375 0 010 .75h-.375v1.125h.375a.375.375 0 010 .75h-.375V17.5h.375a.375.375 0 010 .75h-.375v.375a1.5 1.5 0 01-1.5 1.5h-.375v.375a.375.375 0 01-.75 0v-.375h-1.125v.375a.375.375 0 01-.75 0v-.375H17.5v.375a.375.375 0 01-.75 0v-.375h-.375a1.5 1.5 0 01-1.5-1.5v-.375H14.5a.375.375 0 010-.75h.375v-1.125H14.5a.375.375 0 010-.75h.375V14.5H14.5a.375.375 0 010-.75h.375v-.375a1.5 1.5 0 011.5-1.5h.375V11.5a.375.375 0 01.375-.375zM16 13.375a.375.375 0 01.375-.375h5.25a.375.375 0 01.375.375v5.25a.375.375 0 01-.375.375h-5.25a.375.375 0 01-.375-.375v-5.25z"
+      clipRule="evenodd"
+    ></path>
+    <path
+      fill="#64748B"
+      fillRule="evenodd"
+      d="M5 4a3 3 0 00-3 3v10a3 3 0 003 3h8v-2H5a1 1 0 01-1-1V7a1 1 0 011-1h2.784a1 1 0 01.635.227l2.393 1.966a3 3 0 001.904.682H19a1 1 0 011 1V10h2v-.125a3 3 0 00-3-3h-6.284a1 1 0 01-.635-.227L9.688 4.682A3 3 0 007.784 4H5z"
+      clipRule="evenodd"
+    ></path>
+  </svg>
+)
+
+export default FolderCore
diff --git a/library/src/library/folders/folderEffects.tsx b/library/src/library/folders/folderEffects.tsx
@@ -0,0 +1,25 @@
+import type { ComponentProps, FC } from "react"
+
+const FolderEffects: FC<ComponentProps<"svg">> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="#16A34A"
+      stroke="#16A34A"
+      strokeWidth="0.25"
+      d="M20.39 17.636a.608.608 0 00-.065-1.212h-.022a.605.605 0 00-.411 1.028c-.368.724-.93 1.254-1.774 1.698a2.925 2.925 0 01-1.763.335c-.487-.064-.865-.28-1.103-.638-.346-.53-.379-1.103-.087-1.677.206-.41.53-.713.736-.865a5.805 5.805 0 01-.14-.551c-1.57 1.135-1.407 2.671-.931 3.396.357.54 1.082.876 1.882.876.216 0 .433-.021.649-.075 1.384-.27 2.434-1.093 3.029-2.315zm1.903-1.342c-.822-.962-2.033-1.492-3.418-1.492h-.173a.594.594 0 00-.53-.325h-.021a.605.605 0 00.021 1.212h.022a.61.61 0 00.53-.368h.195c.822 0 1.6.238 2.303.703.541.357.93.822 1.147 1.384.184.455.173.898-.022 1.277-.303.573-.81.887-1.482.887-.432 0-.843-.13-1.06-.227a6.379 6.379 0 01-.486.39 3.34 3.34 0 001.395.335c1.039 0 1.806-.574 2.099-1.147.313-.627.292-1.71-.52-2.629zM16.8 17.82c.01.324.28.584.605.584h.022a.605.605 0 00-.022-1.212h-.021c-.022 0-.055 0-.076.01a3.963 3.963 0 01-.563-2.4c.044-.65.26-1.212.639-1.677.313-.4.919-.595 1.33-.606 1.147-.021 1.633 1.406 1.666 1.98.14.032.378.108.54.162C20.79 12.909 19.71 12 18.67 12c-.973 0-1.87.703-2.227 1.742-.498 1.384-.174 2.715.432 3.764a.486.486 0 00-.075.314z"
+    ></path>
+    <path
+      fill="#64748B"
+      fillRule="evenodd"
+      d="M5 4a3 3 0 00-3 3v10a3 3 0 003 3h8v-2H5a1 1 0 01-1-1V7a1 1 0 011-1h2.784a1 1 0 01.635.227l2.393 1.966a3 3 0 001.904.682H19a1 1 0 011 1V10h2v-.125a3 3 0 00-3-3h-6.284a1 1 0 01-.635-.227L9.688 4.682A3 3 0 007.784 4H5z"
+      clipRule="evenodd"
+    ></path>
+  </svg>
+)
+
+export default FolderEffects
diff --git a/library/src/library/folders/folderFacade.tsx b/library/src/library/folders/folderFacade.tsx
@@ -0,0 +1,25 @@
+import type { ComponentProps, FC } from "react"
+
+const FolderFacade: FC<ComponentProps<"svg">> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="#F59E0B"
+      stroke="#F59E0B"
+      strokeWidth="0.25"
+      d="M20.39 16.636a.608.608 0 00-.065-1.212h-.022a.605.605 0 00-.411 1.028c-.368.724-.93 1.254-1.774 1.698a2.925 2.925 0 01-1.763.335c-.487-.064-.865-.28-1.103-.638-.346-.53-.379-1.103-.087-1.677.206-.41.53-.713.736-.865a5.805 5.805 0 01-.14-.551c-1.57 1.135-1.407 2.671-.931 3.396.357.54 1.082.876 1.882.876.216 0 .433-.021.649-.075 1.384-.27 2.434-1.093 3.029-2.315zm1.903-1.342c-.822-.962-2.033-1.492-3.418-1.492h-.173a.594.594 0 00-.53-.325h-.021a.605.605 0 00.021 1.212h.022a.61.61 0 00.53-.368h.195c.822 0 1.6.238 2.303.703.541.357.93.822 1.147 1.385.184.454.173.897-.022 1.276-.303.573-.81.887-1.482.887-.432 0-.843-.13-1.06-.227a6.379 6.379 0 01-.486.39 3.34 3.34 0 001.395.335c1.039 0 1.806-.574 2.099-1.147.313-.627.292-1.71-.52-2.629zM16.8 16.82c.01.324.28.584.605.584h.022a.605.605 0 00-.022-1.212h-.021c-.022 0-.055 0-.076.01a3.963 3.963 0 01-.563-2.4c.044-.65.26-1.212.639-1.677.313-.4.919-.595 1.33-.606 1.147-.021 1.633 1.406 1.666 1.98.14.032.378.108.54.162C20.79 11.909 19.71 11 18.67 11c-.973 0-1.87.703-2.227 1.742-.498 1.384-.174 2.715.432 3.764a.486.486 0 00-.075.314z"
+    ></path>
+    <path
+      fill="#64748B"
+      fillRule="evenodd"
+      d="M5 4a3 3 0 00-3 3v10a3 3 0 003 3h8v-2H5a1 1 0 01-1-1V7a1 1 0 011-1h2.784a1 1 0 01.635.227l2.393 1.966a3 3 0 001.904.682H19a1 1 0 011 1V10h2v-.125a3 3 0 00-3-3h-6.284a1 1 0 01-.635-.227L9.688 4.682A3 3 0 007.784 4H5z"
+      clipRule="evenodd"
+    ></path>
+  </svg>
+)
+
+export default FolderFacade
diff --git a/library/src/library/folders/folderHelpers.tsx b/library/src/library/folders/folderHelpers.tsx
@@ -0,0 +1,23 @@
+import type { ComponentProps, FC } from "react"
+
+const FolderHelpers: FC<ComponentProps<"svg">> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="#F59E0B"
+      d="M23.854 11.854a.5.5 0 00-.707-.707l-.899.898a2.126 2.126 0 00-2.626.302l-.534.535a.875.875 0 000 1.236l1.793 1.793a.877.877 0 001.238 0l.534-.534a2.126 2.126 0 00.302-2.625l.899-.899zm-5.5 4a.5.5 0 00-.707-.707l-.735.735-.147-.147a.375.375 0 00-.53 0l-.887.887a2.126 2.126 0 00-.303 2.625l-.899.9a.5.5 0 10.707.707l.9-.899a2.126 2.126 0 002.625-.302l.887-.888a.375.375 0 000-.53l-.146-.146.735-.735a.5.5 0 00-.707-.707l-.735.735-.793-.794.735-.735z"
+    ></path>
+    <path
+      fill="#64748B"
+      fillRule="evenodd"
+      d="M5 4a3 3 0 00-3 3v10a3 3 0 003 3h8v-2H5a1 1 0 01-1-1V7a1 1 0 011-1h2.784a1 1 0 01.635.227l2.393 1.966a3 3 0 001.904.682H19a1 1 0 011 1V10h2v-.125a3 3 0 00-3-3h-6.284a1 1 0 01-.635-.227L9.688 4.682A3 3 0 007.784 4H5z"
+      clipRule="evenodd"
+    ></path>
+  </svg>
+)
+
+export default FolderHelpers