Update svg icon script to flatten transforms (#649)

StenaIT · Oct 31, 2023 · 8a93403 · 8a93403
1 parent 7d932cb
commit 8a93403
Show file tree

Hide file tree

Showing 10 changed files with 285 additions and 273 deletions.
diff --git a/package.json b/package.json
@@ -17,7 +17,7 @@
     "pre-build-check": "yarn check-deps-match && yarn check-imports && yarn lint && yarn check-prettier",
     "post-build-check": "yarn check-circular-deps && yarn check-circular-deps-stories && yarn test && yarn check-builds",
     "watch": "lerna exec --parallel -- yarn start",
-    "generate-svg-icons": "node scripts/svg-flatten.js",
+    "generate-svg-icons": "node scripts/generate-icons.js",
     "prerelease": "yarn build-all && yarn check-deps-match && yarn check-builds && yarn test",
     "lint": "eslint --ignore-path .gitignore \"packages/**/src/**/*.ts*\"",
     "test": "jest --config=jest.config.js",
@@ -92,6 +92,7 @@
     "react-docgen-typescript-loader": "^3.1.0",
     "react-dom": "^18.2.0",
     "storybook": "^7.4.0",
+    "svgpath": "^2.6.0",
     "svgson": "4.1.0",
     "ts-jest": "^28.0.5",
     "tslib": "2.3.1",

diff --git a/packages/elements/src/icons/IconsDemo.tsx b/packages/elements/src/icons/IconsDemo.tsx
@@ -15,6 +15,7 @@ export const IconDemoList: React.FC<{
   icons: Record<string, IconDefinition>;
 }> = ({ icons }) => {
   const [selectedIcon, setSelectedIcon] = useState(icons[0]);
+  const iconNames = Object.keys(icons).concat().sort();
   return (
     <Box gap>
       <Banner variant={"info"} text={"Click an icon to copy its code name."}>
@@ -36,7 +37,7 @@ export const IconDemoList: React.FC<{
           background: cssColor("--lhds-color-ui-100"),
         }}
       >
-        {Object.keys(icons).map((iconName) => {
+        {iconNames.map((iconName) => {
           const readableName = iconName
             .replace(/[A-Z]/g, (match) => "-" + match.toLowerCase())
             .replace("stena-", "");

diff --git a/packages/elements/src/icons/generated/ArrowIcons.ts b/packages/elements/src/icons/generated/ArrowIcons.ts
diff --git a/packages/elements/src/icons/generated/BusinessIcons.ts b/packages/elements/src/icons/generated/BusinessIcons.ts
diff --git a/packages/elements/src/icons/generated/CommonIcons.ts b/packages/elements/src/icons/generated/CommonIcons.ts
diff --git a/packages/elements/src/icons/generated/PassengerTypeIcons.ts b/packages/elements/src/icons/generated/PassengerTypeIcons.ts
diff --git a/packages/elements/src/icons/generated/UserIcons.ts b/packages/elements/src/icons/generated/UserIcons.ts
@@ -6,7 +6,7 @@ export const stenaUserAdd: IconDefinition = {
     24,
     [],
     "",
-    "M11,13 C13.209139,13 15,14.790861 15,17 L15,20 C15,20.5522847 14.5522847,21 14,21 C13.4477153,21 13,20.5522847 13,20 L13,17 C13,15.8954305 12.1045695,15 11,15 L5,15 C3.8954305,15 3,15.8954305 3,17 L3,20 C3,20.5522847 2.55228475,21 2,21 C1.44771525,21 1,20.5522847 1,20 L1,17 C1,14.790861 2.790861,13 5,13 L11,13 Z M19,6.82842712 C19.5522847,6.82842712 20,7.27614237 20,7.82842712 L19.999849,9.99924494 L22.1715729,10 C22.7238576,10 23.1715729,10.4477153 23.1715729,11 C23.1715729,11.5522847 22.7238576,12 22.1715729,12 L20.0005561,11.99965 L20,14.1715729 C20,14.7238576 19.5522847,15.1715729 19,15.1715729 C18.4477153,15.1715729 18,14.7238576 18,14.1715729 L17.9994439,11.99965 L15.8284271,12 C15.2761424,12 14.8284271,11.5522847 14.8284271,11 C14.8284271,10.4477153 15.2761424,10 15.8284271,10 L18.000151,9.99924494 L18,7.82842712 C18,7.27614237 18.4477153,6.82842712 19,6.82842712 Z M8,3 C10.209139,3 12,4.790861 12,7 C12,9.209139 10.209139,11 8,11 C5.790861,11 4,9.209139 4,7 C4,4.790861 5.790861,3 8,3 Z M8,5 C6.8954305,5 6,5.8954305 6,7 C6,8.1045695 6.8954305,9 8,9 C9.1045695,9 10,8.1045695 10,7 C10,5.8954305 9.1045695,5 8,5 Z",
+    "M11 13C13.21 13 15 14.79 15 17L15 20C15 20.55 14.55 21 14 21 13.45 21 13 20.55 13 20L13 17C13 15.9 12.1 15 11 15L5 15C3.9 15 3 15.9 3 17L3 20C3 20.55 2.55 21 2 21 1.45 21 1 20.55 1 20L1 17C1 14.79 2.79 13 5 13L11 13ZM19 6.83C19.55 6.83 20 7.28 20 7.83L20 10 22.17 10C22.72 10 23.17 10.45 23.17 11 23.17 11.55 22.72 12 22.17 12L20 12 20 14.17C20 14.72 19.55 15.17 19 15.17 18.45 15.17 18 14.72 18 14.17L18 12 15.83 12C15.28 12 14.83 11.55 14.83 11 14.83 10.45 15.28 10 15.83 10L18 10 18 7.83C18 7.28 18.45 6.83 19 6.83ZM8 3C10.21 3 12 4.79 12 7 12 9.21 10.21 11 8 11 5.79 11 4 9.21 4 7 4 4.79 5.79 3 8 3ZM8 5C6.9 5 6 5.9 6 7 6 8.1 6.9 9 8 9 9.1 9 10 8.1 10 7 10 5.9 9.1 5 8 5Z",
   ],
   iconName: "random",
   prefix: "fal",
@@ -18,7 +18,7 @@ export const stenaUserCircle: IconDefinition = {
     24,
     [],
     "",
-    "M12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 Z M15,17 L9,17 C7.8954305,17 7,17.8954305 7,19 L7,20.6621855 C8.4708768,21.5130314 10.1785696,22 12,22 C13.8218428,22 15.5298964,21.5128109 17.0009861,20.6616075 L17,19 C17,17.8954305 16.1045695,17 15,17 Z M12,2 C6.4771525,2 2,6.4771525 2,12 C2,14.7975441 3.14876093,17.3267806 5.00029777,19.1417247 L5,19 C5,16.790861 6.790861,15 9,15 L15,15 C17.209139,15 19,16.790861 19,19 L19.0007123,19.1407345 C20.8516568,17.3258607 22,14.7970353 22,12 C22,6.4771525 17.5228475,2 12,2 Z M12,5 C14.209139,5 16,6.790861 16,9 C16,11.209139 14.209139,13 12,13 C9.790861,13 8,11.209139 8,9 C8,6.790861 9.790861,5 12,5 Z M12,7 C10.8954305,7 10,7.8954305 10,9 C10,10.1045695 10.8954305,11 12,11 C13.1045695,11 14,10.1045695 14,9 C14,7.8954305 13.1045695,7 12,7 Z",
+    "M12 0C18.63 0 24 5.37 24 12 24 18.63 18.63 24 12 24 5.37 24 0 18.63 0 12 0 5.37 5.37 0 12 0ZM15 17L9 17C7.9 17 7 17.9 7 19L7 20.66C8.47 21.51 10.18 22 12 22 13.82 22 15.53 21.51 17 20.66L17 19C17 17.9 16.1 17 15 17ZM12 2C6.48 2 2 6.48 2 12 2 14.8 3.15 17.33 5 19.14L5 19C5 16.79 6.79 15 9 15L15 15C17.21 15 19 16.79 19 19L19 19.14C20.85 17.33 22 14.8 22 12 22 6.48 17.52 2 12 2ZM12 5C14.21 5 16 6.79 16 9 16 11.21 14.21 13 12 13 9.79 13 8 11.21 8 9 8 6.79 9.79 5 12 5ZM12 7C10.9 7 10 7.9 10 9 10 10.1 10.9 11 12 11 13.1 11 14 10.1 14 9 14 7.9 13.1 7 12 7Z",
   ],
   iconName: "random",
   prefix: "fal",
@@ -30,7 +30,7 @@ export const stenaUserGroupLarge: IconDefinition = {
     24,
     [],
     "",
-    "M16,14 C18.209139,14 20,15.790861 20,18 L20,21 C20,21.5522847 19.5522847,22 19,22 C18.4477153,22 18,21.5522847 18,21 L18,18 C18,16.8954305 17.1045695,16 16,16 L8,16 C6.8954305,16 6,16.8954305 6,18 L6,21 C6,21.5522847 5.55228475,22 5,22 C4.44771525,22 4,21.5522847 4,21 L4,18 C4,15.790861 5.790861,14 8,14 L16,14 Z M20,10 C22.209139,10 24,11.790861 24,14 L24,15 C24,15.5522847 23.5522847,16 23,16 C22.4477153,16 22,15.5522847 22,15 L22,14 C22,12.8954305 21.1045695,12 20,12 L19,12 C18.4477153,12 18,11.5522847 18,11 C18,10.4477153 18.4477153,10 19,10 L20,10 Z M5,10 C5.55228475,10 6,10.4477153 6,11 C6,11.5522847 5.55228475,12 5,12 L4,12 C2.8954305,12 2,12.8954305 2,14 L2,15 C2,15.5522847 1.55228475,16 1,16 C0.44771525,16 0,15.5522847 0,15 L0,14 C0,11.790861 1.790861,10 4,10 L5,10 Z M12,4 C14.209139,4 16,5.790861 16,8 C16,10.209139 14.209139,12 12,12 C9.790861,12 8,10.209139 8,8 C8,5.790861 9.790861,4 12,4 Z M12,6 C10.8954305,6 10,6.8954305 10,8 C10,9.1045695 10.8954305,10 12,10 C13.1045695,10 14,9.1045695 14,8 C14,6.8954305 13.1045695,6 12,6 Z M20,2 C21.6568542,2 23,3.34314575 23,5 C23,6.65685425 21.6568542,8 20,8 C18.3431458,8 17,6.65685425 17,5 C17,3.34314575 18.3431458,2 20,2 Z M4,2 C5.65685425,2 7,3.34314575 7,5 C7,6.65685425 5.65685425,8 4,8 C2.34314575,8 1,6.65685425 1,5 C1,3.34314575 2.34314575,2 4,2 Z M20,4 C19.4477153,4 19,4.44771525 19,5 C19,5.55228475 19.4477153,6 20,6 C20.5522847,6 21,5.55228475 21,5 C21,4.48716416 20.6139598,4.06449284 20.1166211,4.00672773 L20,4 Z M4,4 L3.88337887,4.00672773 C3.38604019,4.06449284 3,4.48716416 3,5 C3,5.55228475 3.44771525,6 4,6 C4.55228475,6 5,5.55228475 5,5 C5,4.44771525 4.55228475,4 4,4 Z",
+    "M16 14C18.21 14 20 15.79 20 18L20 21C20 21.55 19.55 22 19 22 18.45 22 18 21.55 18 21L18 18C18 16.9 17.1 16 16 16L8 16C6.9 16 6 16.9 6 18L6 21C6 21.55 5.55 22 5 22 4.45 22 4 21.55 4 21L4 18C4 15.79 5.79 14 8 14L16 14ZM20 10C22.21 10 24 11.79 24 14L24 15C24 15.55 23.55 16 23 16 22.45 16 22 15.55 22 15L22 14C22 12.9 21.1 12 20 12L19 12C18.45 12 18 11.55 18 11 18 10.45 18.45 10 19 10L20 10ZM5 10C5.55 10 6 10.45 6 11 6 11.55 5.55 12 5 12L4 12C2.9 12 2 12.9 2 14L2 15C2 15.55 1.55 16 1 16 0.45 16 0 15.55 0 15L0 14C0 11.79 1.79 10 4 10L5 10ZM12 4C14.21 4 16 5.79 16 8 16 10.21 14.21 12 12 12 9.79 12 8 10.21 8 8 8 5.79 9.79 4 12 4ZM12 6C10.9 6 10 6.9 10 8 10 9.1 10.9 10 12 10 13.1 10 14 9.1 14 8 14 6.9 13.1 6 12 6ZM20 2C21.66 2 23 3.34 23 5 23 6.66 21.66 8 20 8 18.34 8 17 6.66 17 5 17 3.34 18.34 2 20 2ZM4 2C5.66 2 7 3.34 7 5 7 6.66 5.66 8 4 8 2.34 8 1 6.66 1 5 1 3.34 2.34 2 4 2ZM20 4C19.45 4 19 4.45 19 5 19 5.55 19.45 6 20 6 20.55 6 21 5.55 21 5 21 4.49 20.61 4.06 20.12 4.01L20 4ZM4 4L3.88 4.01C3.39 4.06 3 4.49 3 5 3 5.55 3.45 6 4 6 4.55 6 5 5.55 5 5 5 4.45 4.55 4 4 4Z",
   ],
   iconName: "random",
   prefix: "fal",
@@ -42,7 +42,7 @@ export const stenaUserGroupSmall: IconDefinition = {
     24,
     [],
     "",
-    "M11,15 C13.209139,15 15,16.790861 15,19 L15,21 C15,21.5522847 14.5522847,22 14,22 C13.4477153,22 13,21.5522847 13,21 L13,19 C13,17.8954305 12.1045695,17 11,17 L5,17 C3.8954305,17 3,17.8954305 3,19 L3,21 C3,21.5522847 2.55228475,22 2,22 C1.44771525,22 1,21.5522847 1,21 L1,19 C1,16.790861 2.790861,15 5,15 L11,15 Z M19,11 C21.209139,11 23,12.790861 23,15 L23,16 C23,16.5522847 22.5522847,17 22,17 C21.4477153,17 21,16.5522847 21,16 L21,15 C21,13.8954305 20.1045695,13 19,13 L16,13 C15.4477153,13 15,12.5522847 15,12 C15,11.4477153 15.4477153,11 16,11 L19,11 Z M8,5 C10.209139,5 12,6.790861 12,9 C12,11.209139 10.209139,13 8,13 C5.790861,13 4,11.209139 4,9 C4,6.790861 5.790861,5 8,5 Z M8,7 C6.8954305,7 6,7.8954305 6,9 C6,10.1045695 6.8954305,11 8,11 C9.1045695,11 10,10.1045695 10,9 C10,7.8954305 9.1045695,7 8,7 Z M18,3 C19.6568542,3 21,4.34314575 21,6 C21,7.65685425 19.6568542,9 18,9 C16.3431458,9 15,7.65685425 15,6 C15,4.34314575 16.3431458,3 18,3 Z M18,5 C17.4477153,5 17,5.44771525 17,6 C17,6.55228475 17.4477153,7 18,7 C18.5522847,7 19,6.55228475 19,6 C19,5.48716416 18.6139598,5.06449284 18.1166211,5.00672773 L18,5 Z",
+    "M11 15C13.21 15 15 16.79 15 19L15 21C15 21.55 14.55 22 14 22 13.45 22 13 21.55 13 21L13 19C13 17.9 12.1 17 11 17L5 17C3.9 17 3 17.9 3 19L3 21C3 21.55 2.55 22 2 22 1.45 22 1 21.55 1 21L1 19C1 16.79 2.79 15 5 15L11 15ZM19 11C21.21 11 23 12.79 23 15L23 16C23 16.55 22.55 17 22 17 21.45 17 21 16.55 21 16L21 15C21 13.9 20.1 13 19 13L16 13C15.45 13 15 12.55 15 12 15 11.45 15.45 11 16 11L19 11ZM8 5C10.21 5 12 6.79 12 9 12 11.21 10.21 13 8 13 5.79 13 4 11.21 4 9 4 6.79 5.79 5 8 5ZM8 7C6.9 7 6 7.9 6 9 6 10.1 6.9 11 8 11 9.1 11 10 10.1 10 9 10 7.9 9.1 7 8 7ZM18 3C19.66 3 21 4.34 21 6 21 7.66 19.66 9 18 9 16.34 9 15 7.66 15 6 15 4.34 16.34 3 18 3ZM18 5C17.45 5 17 5.45 17 6 17 6.55 17.45 7 18 7 18.55 7 19 6.55 19 6 19 5.49 18.61 5.06 18.12 5.01L18 5Z",
   ],
   iconName: "random",
   prefix: "fal",
@@ -54,7 +54,7 @@ export const stenaUserMultiple: IconDefinition = {
     24,
     [],
     "",
-    "M10,16 C12.209139,16 14,17.790861 14,20 L14,22 C14,22.5522847 13.5522847,23 13,23 C12.4477153,23 12,22.5522847 12,22 L12,20 C12,18.8954305 11.1045695,18 10,18 L4,18 C2.8954305,18 2,18.8954305 2,20 L2,22 C2,22.5522847 1.55228475,23 1,23 C0.44771525,23 0,22.5522847 0,22 L0,20 C0,17.790861 1.790861,16 4,16 L10,16 Z M20,12 C22.209139,12 24,13.790861 24,16 L24,18 C24,18.5522847 23.5522847,19 23,19 C22.4477153,19 22,18.5522847 22,18 L22,16 C22,14.8954305 21.1045695,14 20,14 L15,14 C14.4477153,14 14,13.5522847 14,13 C14,12.4477153 14.4477153,12 15,12 L20,12 Z M7,4 C9.76142375,4 12,6.23857625 12,9 C12,11.7614237 9.76142375,14 7,14 C4.23857625,14 2,11.7614237 2,9 C2,6.23857625 4.23857625,4 7,4 Z M7,6 C5.34314575,6 4,7.34314575 4,9 C4,10.6568542 5.34314575,12 7,12 C8.65685425,12 10,10.6568542 10,9 C10,7.34314575 8.65685425,6 7,6 Z M18.5,1 C20.9852814,1 23,3.01471863 23,5.5 C23,7.98528137 20.9852814,10 18.5,10 C16.0147186,10 14,7.98528137 14,5.5 C14,3.01471863 16.0147186,1 18.5,1 Z M18.5,3 C17.1192881,3 16,4.11928813 16,5.5 C16,6.88071187 17.1192881,8 18.5,8 C19.8807119,8 21,6.88071187 21,5.5 C21,4.11928813 19.8807119,3 18.5,3 Z",
+    "M10 16C12.21 16 14 17.79 14 20L14 22C14 22.55 13.55 23 13 23 12.45 23 12 22.55 12 22L12 20C12 18.9 11.1 18 10 18L4 18C2.9 18 2 18.9 2 20L2 22C2 22.55 1.55 23 1 23 0.45 23 0 22.55 0 22L0 20C0 17.79 1.79 16 4 16L10 16ZM20 12C22.21 12 24 13.79 24 16L24 18C24 18.55 23.55 19 23 19 22.45 19 22 18.55 22 18L22 16C22 14.9 21.1 14 20 14L15 14C14.45 14 14 13.55 14 13 14 12.45 14.45 12 15 12L20 12ZM7 4C9.76 4 12 6.24 12 9 12 11.76 9.76 14 7 14 4.24 14 2 11.76 2 9 2 6.24 4.24 4 7 4ZM7 6C5.34 6 4 7.34 4 9 4 10.66 5.34 12 7 12 8.66 12 10 10.66 10 9 10 7.34 8.66 6 7 6ZM18.5 1C20.99 1 23 3.01 23 5.5 23 7.99 20.99 10 18.5 10 16.01 10 14 7.99 14 5.5 14 3.01 16.01 1 18.5 1ZM18.5 3C17.12 3 16 4.12 16 5.5 16 6.88 17.12 8 18.5 8 19.88 8 21 6.88 21 5.5 21 4.12 19.88 3 18.5 3Z",
   ],
   iconName: "random",
   prefix: "fal",
@@ -66,7 +66,7 @@ export const stenaUserSingle: IconDefinition = {
     24,
     [],
     "",
-    "M12,2 C14.7614237,2 17,4.23857625 17,7 C17,9.76142375 14.7614237,12 12,12 C9.23857625,12 7,9.76142375 7,7 C7,4.23857625 9.23857625,2 12,2 Z M12,4 C10.3431458,4 9,5.34314575 9,7 C9,8.65685425 10.3431458,10 12,10 C13.6568542,10 15,8.65685425 15,7 C15,5.34314575 13.6568542,4 12,4 Z M20,21 C20,21.5522847 19.5522847,22 19,22 C18.4477153,22 18,21.5522847 18,21 L18,18 C18,16.8954305 17.1045695,16 16,16 L8,16 C6.8954305,16 6,16.8954305 6,18 L6,21 C6,21.5522847 5.55228475,22 5,22 C4.44771525,22 4,21.5522847 4,21 L4,18 C4,15.790861 5.790861,14 8,14 L16,14 C18.209139,14 20,15.790861 20,18 L20,21 Z",
+    "M12 2C14.76 2 17 4.24 17 7 17 9.76 14.76 12 12 12 9.24 12 7 9.76 7 7 7 4.24 9.24 2 12 2ZM12 4C10.34 4 9 5.34 9 7 9 8.66 10.34 10 12 10 13.66 10 15 8.66 15 7 15 5.34 13.66 4 12 4ZM20 21C20 21.55 19.55 22 19 22 18.45 22 18 21.55 18 21L18 18C18 16.9 17.1 16 16 16L8 16C6.9 16 6 16.9 6 18L6 21C6 21.55 5.55 22 5 22 4.45 22 4 21.55 4 21L4 18C4 15.79 5.79 14 8 14L16 14C18.21 14 20 15.79 20 18L20 21Z",
   ],
   iconName: "random",
   prefix: "fal",
@@ -78,7 +78,7 @@ export const stenaUser: IconDefinition = {
     24,
     [],
     "",
-    "M21,0 C22.6568542,0 24,1.34314575 24,3 L24,21 C24,22.6568542 22.6568542,24 21,24 L3,24 C1.34314575,24 0,22.6568542 0,21 L0,3 C0,1.34314575 1.34314575,0 3,0 L21,0 Z M21,2 L3,2 C2.44771525,2 2,2.44771525 2,3 L2,21 C2,21.5522847 2.44771525,22 3,22 L5,22 L5,19 C5,16.790861 6.790861,15 9,15 L15,15 C17.209139,15 19,16.790861 19,19 L19,22 L21,22 C21.5522847,22 22,21.5522847 22,21 L22,3 C22,2.44771525 21.5522847,2 21,2 Z M15,17 L9,17 C7.8954305,17 7,17.8954305 7,19 L7,22 L17,22 L17,19 C17,17.8954305 16.1045695,17 15,17 Z M12,5 C14.209139,5 16,6.790861 16,9 C16,11.209139 14.209139,13 12,13 C9.790861,13 8,11.209139 8,9 C8,6.790861 9.790861,5 12,5 Z M12,7 C10.8954305,7 10,7.8954305 10,9 C10,10.1045695 10.8954305,11 12,11 C13.1045695,11 14,10.1045695 14,9 C14,7.8954305 13.1045695,7 12,7 Z",
+    "M21 0C22.66 0 24 1.34 24 3L24 21C24 22.66 22.66 24 21 24L3 24C1.34 24 0 22.66 0 21L0 3C0 1.34 1.34 0 3 0L21 0ZM21 2L3 2C2.45 2 2 2.45 2 3L2 21C2 21.55 2.45 22 3 22L5 22 5 19C5 16.79 6.79 15 9 15L15 15C17.21 15 19 16.79 19 19L19 22 21 22C21.55 22 22 21.55 22 21L22 3C22 2.45 21.55 2 21 2ZM15 17L9 17C7.9 17 7 17.9 7 19L7 22 17 22 17 19C17 17.9 16.1 17 15 17ZM12 5C14.21 5 16 6.79 16 9 16 11.21 14.21 13 12 13 9.79 13 8 11.21 8 9 8 6.79 9.79 5 12 5ZM12 7C10.9 7 10 7.9 10 9 10 10.1 10.9 11 12 11 13.1 11 14 10.1 14 9 14 7.9 13.1 7 12 7Z",
   ],
   iconName: "random",
   prefix: "fal",
@@ -90,7 +90,7 @@ export const stenaUsers: IconDefinition = {
     24,
     [],
     "",
-    "M21,0 C22.6568542,0 24,1.34314575 24,3 L24,21 C24,22.6568542 22.6568542,24 21,24 L3,24 C1.34314575,24 0,22.6568542 0,21 L0,3 C0,1.34314575 1.34314575,0 3,0 L21,0 Z M21,2 L3,2 C2.44771525,2 2,2.44771525 2,3 L2,21 C2,21.5522847 2.44771525,22 3,22 L21,22 C21.5522847,22 22,21.5522847 22,21 L22,3 C22,2.44771525 21.5522847,2 21,2 Z M9,14 C10.6568542,14 12,15.3431458 12,17 L12,18 C12,18.5522847 11.5522847,19 11,19 C10.4477153,19 10,18.5522847 10,18 L10,17 C10,16.4477153 9.55228475,16 9,16 L7,16 C6.44771525,16 6,16.4477153 6,17 L6,18 C6,18.5522847 5.55228475,19 5,19 C4.44771525,19 4,18.5522847 4,18 L4,17 C4,15.3431458 5.34314575,14 7,14 L9,14 Z M18,15 C18,14.4477153 17.5522847,14 17,14 L14,14 C13.4477153,14 13,13.5522847 13,13 C13,12.4477153 13.4477153,12 14,12 L17,12 C18.6568542,12 20,13.3431458 20,15 L20,17 C20,17.5522847 19.5522847,18 19,18 C18.4477153,18 18,17.5522847 18,17 L18,15 Z M8,7 C9.65685425,7 11,8.34314575 11,10 C11,11.6568542 9.65685425,13 8,13 C6.34314575,13 5,11.6568542 5,10 C5,8.34314575 6.34314575,7 8,7 Z M8,9 C7.44771525,9 7,9.44771525 7,10 C7,10.5522847 7.44771525,11 8,11 C8.55228475,11 9,10.5522847 9,10 C9,9.48716416 8.61395981,9.06449284 8.11662113,9.00672773 L8,9 Z M16,5 C17.6568542,5 19,6.34314575 19,8 C19,9.65685425 17.6568542,11 16,11 C14.3431458,11 13,9.65685425 13,8 C13,6.34314575 14.3431458,5 16,5 Z M16,7 C15.4477153,7 15,7.44771525 15,8 C15,8.55228475 15.4477153,9 16,9 C16.5522847,9 17,8.55228475 17,8 C17,7.48716416 16.6139598,7.06449284 16.1166211,7.00672773 L16,7 Z",
+    "M21 0C22.66 0 24 1.34 24 3L24 21C24 22.66 22.66 24 21 24L3 24C1.34 24 0 22.66 0 21L0 3C0 1.34 1.34 0 3 0L21 0ZM21 2L3 2C2.45 2 2 2.45 2 3L2 21C2 21.55 2.45 22 3 22L21 22C21.55 22 22 21.55 22 21L22 3C22 2.45 21.55 2 21 2ZM9 14C10.66 14 12 15.34 12 17L12 18C12 18.55 11.55 19 11 19 10.45 19 10 18.55 10 18L10 17C10 16.45 9.55 16 9 16L7 16C6.45 16 6 16.45 6 17L6 18C6 18.55 5.55 19 5 19 4.45 19 4 18.55 4 18L4 17C4 15.34 5.34 14 7 14L9 14ZM18 15C18 14.45 17.55 14 17 14L14 14C13.45 14 13 13.55 13 13 13 12.45 13.45 12 14 12L17 12C18.66 12 20 13.34 20 15L20 17C20 17.55 19.55 18 19 18 18.45 18 18 17.55 18 17L18 15ZM8 7C9.66 7 11 8.34 11 10 11 11.66 9.66 13 8 13 6.34 13 5 11.66 5 10 5 8.34 6.34 7 8 7ZM8 9C7.45 9 7 9.45 7 10 7 10.55 7.45 11 8 11 8.55 11 9 10.55 9 10 9 9.49 8.61 9.06 8.12 9.01L8 9ZM16 5C17.66 5 19 6.34 19 8 19 9.66 17.66 11 16 11 14.34 11 13 9.66 13 8 13 6.34 14.34 5 16 5ZM16 7C15.45 7 15 7.45 15 8 15 8.55 15.45 9 16 9 16.55 9 17 8.55 17 8 17 7.49 16.61 7.06 16.12 7.01L16 7Z",
   ],
   iconName: "random",
   prefix: "fal",