feat(hiccup-carbon-icons): add/update all icons

BREAKING CHANGE: update all icons to latest carbon version - some icons have been removed/replaced or renamed - full set now counting ~1100 icons - add new conversion script - update readme
thi-ng · Aug 19, 2020 · 22cfefc · 22cfefc
1 parent 12d6705
commit 22cfefc
Show file tree

Hide file tree

Showing 1,170 changed files with 6,875 additions and 2,258 deletions.
diff --git a/packages/hiccup-carbon-icons/.gitignore b/packages/hiccup-carbon-icons/.gitignore
@@ -1 +1,2 @@
 *.html
+tmp
diff --git a/packages/hiccup-carbon-icons/README.md b/packages/hiccup-carbon-icons/README.md
@@ -23,15 +23,15 @@ This project is part of the
 ## About
 
 This package provides the full set of IBM's [Carbon
-icons](https://github.com/IBM/carbon-icons) in hiccup format (i.e. as
-Javascript encoded SVG), ready to be used with
-[@thi.ng/hdom](https://github.com/thi-ng/umbrella/tree/develop/packages/hdom)
-/
-[@thi.ng/hiccup](https://github.com/thi-ng/umbrella/tree/develop/packages/hiccup).
+icons](https://github.com/IBM/carbon-icons) in hiccup format (i.e. as Javascript
+encoded SVG), counting in at ~1100 and ready to be used within any
+[@thi.ng/hiccup](https://github.com/thi-ng/umbrella/tree/develop/packages/hiccup)
+supporting scenario.
 
-Each icon is defined in its own source file and can be imported
-individually. The converted icons DO NOT have a fixed size and will
-expand to the available size (see example below).
+Each icon is defined in its own source file and can be imported individually.
+The converted icons are based on the 32x32 pixel versions, but have NO explicit
+size set (only `viewBox` attrib). Use the `withSize()` helper to inject a size,
+e.g. `withSize(DOWNLOAD, "12px")`.
 
 ## Contact sheet
 
@@ -57,7 +57,7 @@ yarn add @thi.ng/hiccup-carbon-icons
 <script src="https://unpkg.com/@thi.ng/hiccup-carbon-icons/lib/index.umd.js" crossorigin></script>
 ```
 
-Package sizes (gzipped, pre-treeshake): ESM: 16.41 KB / CJS: 16.93 KB / UMD: 16.15 KB
+Package sizes (gzipped, pre-treeshake): ESM: 100.29 KB / CJS: 103.47 KB / UMD: 96.35 KB
 
 ## Dependencies
 
@@ -95,34 +95,43 @@ renderOnce(iconButton(CODE, () => alert("hi"), "show me the code"));
 
 ## Icon conversion process
 
-The icon conversion is largely automated via the supplied bash script
-(currently with some additional minor manual cleanup needed) and
-requires `svgo` and a checkout of both the original carbon-icons repo
-and the umbrella mono repo.
+(For contributors only...)
+
+The icon conversion is largely automated via the supplied bash script (currently
+with some additional minor manual cleanup needed) and requires `svgo` and a
+checkout of both the original carbon and the umbrella mono repos.
 
 ```bash
 # install pre-requisites
 yarn global add svgo
 
-git clone https://github.com/IBM/carbon-icons.git
 git clone https://github.com/thi-ng/umbrella.git
 
+# build entire umbrella repo
+cd umbrella
+yarn build
+
 # build xml to hiccup converter CLI tool
-cd umbrella/examples/xml-converter
-yarn install
+cd examples/xml-converter
 yarn build-cli
 
 # switch to package root
 cd ../../hiccup-carbon-icons
+
+# clone carbon repo into local temp dir
+git clone https://github.com/carbon-design-system/carbon.git tmp
 # convert icons and write results to package src folder
-./convert-icons src ../../carbon-icons/src/svg/*.svg
+npx ts-node -P tools/tsconfig.json tools/convert-icons.ts src tmp/packages/icons/src/svg/32
 
 # update contact sheet (will be written to package root)
-yarn test
+npx ts-node -P tools/tsconfig.json tools/contact-sheet.ts
 
 # open in browser
 open contact-sheet.html
 
+# fixup any conversion issues (rinse & repeat...)
+# e.g. in the latest version, several icons use paths w/ opacity=0 which need to be removed
+
 # rebuild package
 yarn build
 ```
@@ -133,4 +142,7 @@ Karsten Schmidt
 
 ## License
 
+The copyright of the original icons is with IBM. The icons were published under
+the same license as this package.
+
 &copy; 2018 - 2020 Karsten Schmidt // Apache Software License 2.0
diff --git a/packages/hiccup-carbon-icons/convert-icons b/packages/hiccup-carbon-icons/convert-icons
diff --git a/packages/hiccup-carbon-icons/package.json b/packages/hiccup-carbon-icons/package.json
@@ -31,7 +31,7 @@
         "build:check": "tsc --isolatedModules --noEmit",
         "test": "mocha test",
         "cover": "nyc mocha test && nyc report --reporter=lcov",
-        "clean": "rimraf *.js *.d.ts .nyc_output build coverage doc lib",
+        "clean": "rimraf *.js *.map *.d.ts .nyc_output build coverage doc lib",
         "doc:readme": "ts-node -P ../../tools/tsconfig.json ../../tools/src/readme.ts",
         "doc": "node_modules/.bin/typedoc --mode modules --out doc --theme ../../tools/doc/typedoc-theme src",
         "doc:ae": "mkdir -p .ae/doc .ae/temp && node_modules/.bin/api-extractor run --local --verbose",

diff --git a/packages/hiccup-carbon-icons/src/accessibility-alt.ts b/packages/hiccup-carbon-icons/src/accessibility-alt.ts
@@ -0,0 +1,11 @@
+// prettier-ignore
+export const ACCESSIBILITY_ALT =
+    ["svg", { viewBox: "0 0 32 32" },
+        ["path", { d: "M23 14v-2H9v2h5v2.734l-3.868 6.77 1.736.992L15.58 18h.84l3.712 6.496 1.736-.992L18 16.734V14h5z" }],
+        ["circle", 
+            {
+                r: 2,
+                cy: 9,
+                cx: 16,
+            }],
+        ["path", { d: "M16 30a14 14 0 1114-14 14.016 14.016 0 01-14 14zm0-26a12 12 0 1012 12A12.014 12.014 0 0016 4z" }]];
diff --git a/packages/hiccup-carbon-icons/src/accessibility-color-filled.ts b/packages/hiccup-carbon-icons/src/accessibility-color-filled.ts
@@ -0,0 +1,6 @@
+// prettier-ignore
+export const ACCESSIBILITY_COLOR_FILLED =
+    ["svg", { viewBox: "0 0 32 32" },
+        ["path", { d: "M16 10a8.598 8.598 0 00-7.965 6A8.598 8.598 0 0016 22a8.598 8.598 0 007.965-6A8.598 8.598 0 0016 10zm0 10a4 4 0 114-4 4.005 4.005 0 01-4 4z" }],
+        ["path", { d: "M16 2a14 14 0 1014 14A14 14 0 0016 2zm0 22a10.654 10.654 0 01-9.97-7.758L5.97 16l.06-.242A10.654 10.654 0 0116 8a10.654 10.654 0 019.97 7.758l.06.242-.06.242A10.654 10.654 0 0116 24z" }],
+        ["path", { d: "M16 20a4 4 0 114-4 4.005 4.005 0 01-4 4zm0-6a2 2 0 102 2 2.002 2.002 0 00-2-2z" }]];
diff --git a/packages/hiccup-carbon-icons/src/accessibility-color.ts b/packages/hiccup-carbon-icons/src/accessibility-color.ts
@@ -0,0 +1,6 @@
+// prettier-ignore
+export const ACCESSIBILITY_COLOR =
+    ["svg", { viewBox: "0 0 32 32" },
+        ["path", { d: "M16 20a4 4 0 114-4 4.005 4.005 0 01-4 4zm0-6a2 2 0 102 2 2.002 2.002 0 00-2-2z" }],
+        ["path", { d: "M16 24a10.655 10.655 0 01-9.97-7.758L5.97 16l.06-.242A10.655 10.655 0 0116 8a10.655 10.655 0 019.97 7.758l.06.242-.06.242A10.655 10.655 0 0116 24zm-7.965-8A8.598 8.598 0 0016 22a8.598 8.598 0 007.965-6A8.598 8.598 0 0016 10a8.598 8.598 0 00-7.965 6z" }],
+        ["path", { d: "M16 30a14 14 0 1114-14 14.016 14.016 0 01-14 14zm0-26a12 12 0 1012 12A12.014 12.014 0 0016 4z" }]];
diff --git a/packages/hiccup-carbon-icons/src/accessibility.ts b/packages/hiccup-carbon-icons/src/accessibility.ts
@@ -0,0 +1,4 @@
+// prettier-ignore
+export const ACCESSIBILITY =
+    ["svg", { viewBox: "0 0 32 32" },
+        ["path", { d: "M29.55 26.11l-3.05 1.52L23.66 21H15a2 2 0 01-2-2v-6a2 2 0 014 0v4h7v-2h-5v-2a4 4 0 00-8 0v1a9 9 0 108.77 11h-2.06A7 7 0 1111 16v3a4 4 0 004 4h7.34l3.16 7.37 4.95-2.48zM15.5 8A3.5 3.5 0 1119 4.5 3.5 3.5 0 0115.5 8zm0-5A1.5 1.5 0 1017 4.5 1.5 1.5 0 0015.5 3z" }]];
diff --git a/packages/hiccup-carbon-icons/src/account.ts b/packages/hiccup-carbon-icons/src/account.ts
@@ -0,0 +1,5 @@
+// prettier-ignore
+export const ACCOUNT =
+    ["svg", { viewBox: "0 0 32 32" },
+        ["path", { d: "M8 14h11v2H8zm0 5h13v2H8z" }],
+        ["path", { d: "M28 4H4a2 2 0 00-2 2v20a2 2 0 002 2h24a2 2 0 002-2V6a2 2 0 00-2-2zm0 2v2H4V6zM4 26V10h24v16z" }]];
diff --git a/packages/hiccup-carbon-icons/src/activity.ts b/packages/hiccup-carbon-icons/src/activity.ts
@@ -0,0 +1,4 @@
+// prettier-ignore
+export const ACTIVITY =
+    ["svg", { viewBox: "0 0 32 32" },
+        ["path", { d: "M12 29a1 1 0 01-.92-.62L6.33 17H2v-2h5a1 1 0 01.92.62L12 25.28l8.06-21.63A1 1 0 0121 3a1 1 0 01.93.68L25.72 15H30v2h-5a1 1 0 01-.95-.68L21 7l-8.06 21.35A1 1 0 0112 29z" }]];
diff --git a/packages/hiccup-carbon-icons/src/add-alt.ts b/packages/hiccup-carbon-icons/src/add-alt.ts
@@ -0,0 +1,5 @@
+// prettier-ignore
+export const ADD_ALT =
+    ["svg", { viewBox: "0 0 32 32" },
+        ["path", { d: "M16 4c6.6 0 12 5.4 12 12s-5.4 12-12 12S4 22.6 4 16 9.4 4 16 4m0-2C8.3 2 2 8.3 2 16s6.3 14 14 14 14-6.3 14-14S23.7 2 16 2z" }],
+        ["path", { d: "M24 15h-7V8h-2v7H8v2h7v7h2v-7h7z" }]];
diff --git a/packages/hiccup-carbon-icons/src/add-comment.ts b/packages/hiccup-carbon-icons/src/add-comment.ts
@@ -0,0 +1,5 @@
+// prettier-ignore
+export const ADD_COMMENT =
+    ["svg", { viewBox: "0 0 32 32" },
+        ["path", { d: "M17.74 30L16 29l4-7h6a2 2 0 002-2V8a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2h9v2H6a4 4 0 01-4-4V8a4 4 0 014-4h20a4 4 0 014 4v12a4 4 0 01-4 4h-4.84z" }],
+        ["path", { d: "M17 9h-2v4h-4v2h4v4h2v-4h4v-2h-4V9z" }]];
diff --git a/packages/hiccup-carbon-icons/src/add-filled.ts b/packages/hiccup-carbon-icons/src/add-filled.ts
@@ -0,0 +1,4 @@
+// prettier-ignore
+export const ADD_FILLED =
+    ["svg", { viewBox: "0 0 32 32" },
+        ["path", { d: "M16 2C8.4 2 2 8.4 2 16s6.4 14 14 14 14-6.4 14-14S23.6 2 16 2zm8 15h-7v7h-2v-7H8v-2h7V8h2v7h7v2z" }]];
diff --git a/packages/hiccup-carbon-icons/src/add-outline.ts b/packages/hiccup-carbon-icons/src/add-outline.ts
diff --git a/packages/hiccup-carbon-icons/src/add-solid.ts b/packages/hiccup-carbon-icons/src/add-solid.ts
diff --git a/packages/hiccup-carbon-icons/src/add.ts b/packages/hiccup-carbon-icons/src/add.ts
@@ -1,11 +1,4 @@
-export const ADD = [
-    "svg",
-    { viewBox: "0 0 10 10" },
-    [
-        "path",
-        {
-            "fill-rule": "evenodd",
-            d: "M6 4h4v2H6v4H4V6H0V4h4V0h2v4z",
-        },
-    ],
-];
+// prettier-ignore
+export const ADD =
+    ["svg", { viewBox: "0 0 32 32" },
+        ["path", { d: "M17 15V8h-2v7H8v2h7v7h2v-7h7v-2z" }]];
diff --git a/packages/hiccup-carbon-icons/src/alarm-add.ts b/packages/hiccup-carbon-icons/src/alarm-add.ts
@@ -0,0 +1,15 @@
+// prettier-ignore
+export const ALARM_ADD =
+    ["svg", { viewBox: "0 0 32 32" },
+        ["path", { d: "M16 28a11 11 0 1111-11 11 11 0 01-11 11zm0-20a9 9 0 109 9 9 9 0 00-9-9z" }],
+        ["path", 
+            {
+                d: "M3.96 5.5h5.07v2H3.96z",
+                transform: "rotate(-45.06 6.502 6.497)",
+            }],
+        ["path", 
+            {
+                d: "M24.5 3.96h2v5.07h-2z",
+                transform: "rotate(-44.94 25.5 6.498)",
+            }],
+        ["path", { d: "M21 16h-4v-4h-2v4h-4v2h4v4h2v-4h4v-2z" }]];
diff --git a/packages/hiccup-carbon-icons/src/alarm-subtract.ts b/packages/hiccup-carbon-icons/src/alarm-subtract.ts
@@ -0,0 +1,15 @@
+// prettier-ignore
+export const ALARM_SUBTRACT =
+    ["svg", { viewBox: "0 0 32 32" },
+        ["path", { d: "M16 28a11 11 0 1111-11 11 11 0 01-11 11zm0-20a9 9 0 109 9 9 9 0 00-9-9z" }],
+        ["path", 
+            {
+                d: "M3.96 5.5h5.07v2H3.96z",
+                transform: "rotate(-45.06 6.502 6.497)",
+            }],
+        ["path", 
+            {
+                d: "M24.5 3.96h2v5.07h-2z",
+                transform: "rotate(-44.94 25.5 6.498)",
+            }],
+        ["path", { d: "M11 16h10v2H11z" }]];
diff --git a/packages/hiccup-carbon-icons/src/alarm.ts b/packages/hiccup-carbon-icons/src/alarm.ts
@@ -0,0 +1,15 @@
+// prettier-ignore
+export const ALARM =
+    ["svg", { viewBox: "0 0 32 32" },
+        ["path", { d: "M16 28a11 11 0 1111-11 11 11 0 01-11 11zm0-20a9 9 0 109 9 9 9 0 00-9-9z" }],
+        ["path", { d: "M18.59 21L15 17.41V11h2v5.58l3 3.01L18.59 21z" }],
+        ["path", 
+            {
+                d: "M3.96 5.5h5.07v2H3.96z",
+                transform: "rotate(-45.06 6.502 6.497)",
+            }],
+        ["path", 
+            {
+                d: "M24.5 3.96h2v5.07h-2z",
+                transform: "rotate(-44.94 25.5 6.498)",
+            }]];
diff --git a/packages/hiccup-carbon-icons/src/align-horizontal-center.ts b/packages/hiccup-carbon-icons/src/align-horizontal-center.ts
@@ -0,0 +1,4 @@
+// prettier-ignore
+export const ALIGN_HORIZONTAL_CENTER =
+    ["svg", { viewBox: "0 0 32 32" },
+        ["path", { d: "M24 18h-7v-4h3a2.002 2.002 0 002-2V8a2.002 2.002 0 00-2-2h-3V2h-2v4h-3a2.002 2.002 0 00-2 2v4a2.002 2.002 0 002 2h3v4H8a2.002 2.002 0 00-2 2v4a2.002 2.002 0 002 2h7v4h2v-4h7a2.002 2.002 0 002-2v-4a2.002 2.002 0 00-2-2zM12 8h8v4h-8zm12 16H8v-4h16z" }]];
diff --git a/packages/hiccup-carbon-icons/src/align-horizontal-left.ts b/packages/hiccup-carbon-icons/src/align-horizontal-left.ts
@@ -0,0 +1,4 @@
+// prettier-ignore
+export const ALIGN_HORIZONTAL_LEFT =
+    ["svg", { viewBox: "0 0 32 32" },
+        ["path", { d: "M26 26H11a2.002 2.002 0 01-2-2v-4a2.002 2.002 0 012-2h15a2.002 2.002 0 012 2v4a2.002 2.002 0 01-2 2zm0-6.001L11 20v4h15zM18 14h-7a2.002 2.002 0 01-2-2V8a2.002 2.002 0 012-2h7a2.002 2.002 0 012 2v4a2.002 2.002 0 01-2 2zm0-6.001L11 8v4h7zM4 2h2v28H4z" }]];
diff --git a/packages/hiccup-carbon-icons/src/align-horizontal-right.ts b/packages/hiccup-carbon-icons/src/align-horizontal-right.ts
@@ -0,0 +1,4 @@
+// prettier-ignore
+export const ALIGN_HORIZONTAL_RIGHT =
+    ["svg", { viewBox: "0 0 32 32" },
+        ["path", { d: "M4 24v-4a2.002 2.002 0 012-2h15a2.002 2.002 0 012 2v4a2.002 2.002 0 01-2 2H6a2.002 2.002 0 01-2-2zm2 0h15v-4l-15-.001zM12 12V8a2.002 2.002 0 012-2h7a2.002 2.002 0 012 2v4a2.002 2.002 0 01-2 2h-7a2.002 2.002 0 01-2-2zm2 0h7V8l-7-.001zM28 30h-2V2h2z" }]];
diff --git a/packages/hiccup-carbon-icons/src/align-vertical-bottom.ts b/packages/hiccup-carbon-icons/src/align-vertical-bottom.ts
@@ -0,0 +1,4 @@
+// prettier-ignore
+export const ALIGN_VERTICAL_BOTTOM =
+    ["svg", { viewBox: "0 0 32 32" },
+        ["path", { d: "M2 26h28v2H2zM24 23h-4a2.002 2.002 0 01-2-2v-7a2.002 2.002 0 012-2h4a2.002 2.002 0 012 2v7a2.002 2.002 0 01-2 2zm-4-9v7h4.001L24 14zM12 23H8a2.002 2.002 0 01-2-2V6a2.002 2.002 0 012-2h4a2.002 2.002 0 012 2v15a2.002 2.002 0 01-2 2zM8 6v15h4.001L12 6z" }]];
diff --git a/packages/hiccup-carbon-icons/src/align-vertical-center.ts b/packages/hiccup-carbon-icons/src/align-vertical-center.ts
@@ -0,0 +1,4 @@
+// prettier-ignore
+export const ALIGN_VERTICAL_CENTER =
+    ["svg", { viewBox: "0 0 32 32" },
+        ["path", { d: "M30 15h-4v-3a2.002 2.002 0 00-2-2h-4a2.002 2.002 0 00-2 2v3h-4V8a2.002 2.002 0 00-2-2H8a2.002 2.002 0 00-2 2v7H2v2h4v7a2.002 2.002 0 002 2h4a2.002 2.002 0 002-2v-7h4v3a2.002 2.002 0 002 2h4a2.002 2.002 0 002-2v-3h4zM8 24V8h4l.001 16zm12-4v-8h4l.001 8z" }]];
diff --git a/packages/hiccup-carbon-icons/src/align-vertical-top.ts b/packages/hiccup-carbon-icons/src/align-vertical-top.ts
@@ -0,0 +1,4 @@
+// prettier-ignore
+export const ALIGN_VERTICAL_TOP =
+    ["svg", { viewBox: "0 0 32 32" },
+        ["path", { d: "M24 20h-4a2.002 2.002 0 01-2-2v-7a2.002 2.002 0 012-2h4a2.002 2.002 0 012 2v7a2.002 2.002 0 01-2 2zm-4-9v7h4.001L24 11zM12 28H8a2.002 2.002 0 01-2-2V11a2.002 2.002 0 012-2h4a2.002 2.002 0 012 2v15a2.002 2.002 0 01-2 2zM8 11v15h4.001L12 11zM2 4h28v2H2z" }]];
diff --git a/packages/hiccup-carbon-icons/src/analytics-reference.ts b/packages/hiccup-carbon-icons/src/analytics-reference.ts
@@ -0,0 +1,4 @@
+// prettier-ignore
+export const ANALYTICS_REFERENCE =
+    ["svg", { viewBox: "0 0 32 32" },
+        ["path", { d: "M4 20v2h4.586L2 28.586 3.414 30 10 23.414V28h2v-8H4zM30 4h-7v2h3.586L19 13.586l-4.293-4.293a1 1 0 00-1.414 0L8 14.586 9.414 16 14 11.414l4.293 4.293a1 1 0 001.414 0L28 7.414V11h2zM16 28h14v2H16zM2 2h2v14H2z" }]];
diff --git a/packages/hiccup-carbon-icons/src/analytics.ts b/packages/hiccup-carbon-icons/src/analytics.ts
@@ -0,0 +1,5 @@
+// prettier-ignore
+export const ANALYTICS =
+    ["svg", { viewBox: "0 0 32 32" },
+        ["path", { d: "M4 2H2v26a2 2 0 002 2h26v-2H4z" }],
+        ["path", { d: "M30 9h-7v2h3.59L19 18.59l-4.29-4.3a1 1 0 00-1.42 0L6 21.59 7.41 23 14 16.41l4.29 4.3a1 1 0 001.42 0l8.29-8.3V16h2z" }]];
diff --git a/packages/hiccup-carbon-icons/src/aperture.ts b/packages/hiccup-carbon-icons/src/aperture.ts
@@ -0,0 +1,4 @@
+// prettier-ignore
+export const APERTURE =
+    ["svg", { viewBox: "0 0 32 32" },
+        ["path", { d: "M16 2a14 14 0 1014 14A14 14 0 0016 2zm11.84 12.14L22 17.52V5.62a12 12 0 015.84 8.52zM12 18.68v-5.36L16 11l4 2.31v5.36L16 21zm8-14V11l-9.66-5.58A11.9 11.9 0 0120 4.7zm-11.52 2L14 9.85 4 15.62a12 12 0 014.48-8.96zM4.16 17.85L10 14.47v11.91a12 12 0 01-5.84-8.53zM12 27.3V21l9.67 5.58A11.92 11.92 0 0116 28a12.05 12.05 0 01-4-.7zm11.52-2L18 22.14l10-5.77a12 12 0 01-4.48 8.97z" }]];
diff --git a/packages/hiccup-carbon-icons/src/api-1.ts b/packages/hiccup-carbon-icons/src/api-1.ts
@@ -0,0 +1,4 @@
+// prettier-ignore
+export const API_1 =
+    ["svg", { viewBox: "0 0 32 32" },
+        ["path", { d: "M8 9H4a2 2 0 00-2 2v12h2v-5h4v5h2V11a2 2 0 00-2-2zm-4 7v-5h4v5zM22 11h3v10h-3v2h8v-2h-3V11h3V9h-8v2zM14 23h-2V9h6a2 2 0 012 2v5a2 2 0 01-2 2h-4zm0-7h4v-5h-4z" }]];
diff --git a/packages/hiccup-carbon-icons/src/api.ts b/packages/hiccup-carbon-icons/src/api.ts
@@ -1,21 +1,4 @@
-export const API = [
-    "svg",
-    {
-        "fill-rule": "evenodd",
-        viewBox: "0 0 25 24",
-    },
-    [
-        "path",
-        {
-            d:
-                "M23.4 24H.6c-.3 0-.6-.3-.6-.6s.3-.6.6-.6h22.8c.3 0 .6.3.6.6s-.3.6-.6.6zM9.5 9.7c0 .3.1.4.3.4H10.1v.8c-.2 0-.6.1-.8.1-.5 0-.8-.2-.9-.6-.4.4-1.1.6-1.7.6-.9 0-1.7-.5-1.7-1.5C5 8.3 6 8.1 6.9 8c.8-.2 1.5 0 1.5-.7 0-.6-.6-.7-1-.7-.6 0-1.1.3-1.1.8H5.2c.1-1.3 1.2-1.7 2.3-1.7 1 0 2 .4 2 1.5v2.5zM8.4 8.3c-.4.3-.9.3-1.4.3-.5.1-.9.3-.9.9 0 .5.6.6 1 .6.5 0 1.2-.3 1.2-1v-.8h.1zM11 6h1.1v.7c.3-.6.9-.8 1.6-.8 1.6 0 2.4 1.2 2.4 2.7 0 1.4-.7 2.6-2.2 2.6-.6 0-1.3-.2-1.7-.8v2.5H11V6zm2.5.8c-.9 0-1.4.7-1.4 1.8 0 1 .5 1.8 1.4 1.8 1 0 1.4-.9 1.4-1.8 0-1-.5-1.8-1.4-1.8zM17 4h1v1h-1V4zm0 2h1v5h-1V6z",
-        },
-    ],
-    [
-        "path",
-        {
-            d:
-                "M22 1.2c.4 0 .8.3.8.8v14c0 .4-.3.8-.8.8H2c-.4 0-.8-.3-.8-.8V2c0-.4.3-.8.8-.8h20zM22 0H2C.9 0 0 .9 0 2v14c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2z",
-        },
-    ],
-];
+// prettier-ignore
+export const API =
+    ["svg", { viewBox: "0 0 32 32" },
+        ["path", { d: "M26 22a3.86 3.86 0 00-2 .57l-3.09-3.1a6 6 0 000-6.94L24 9.43a3.86 3.86 0 002 .57 4 4 0 10-4-4 3.86 3.86 0 00.57 2l-3.1 3.09a6 6 0 00-6.94 0L9.43 8A3.86 3.86 0 0010 6a4 4 0 10-4 4 3.86 3.86 0 002-.57l3.09 3.1a6 6 0 000 6.94L8 22.57A3.86 3.86 0 006 22a4 4 0 104 4 3.86 3.86 0 00-.57-2l3.1-3.09a6 6 0 006.94 0l3.1 3.09a3.86 3.86 0 00-.57 2 4 4 0 104-4zm0-18a2 2 0 11-2 2 2 2 0 012-2zM4 6a2 2 0 112 2 2 2 0 01-2-2zm2 22a2 2 0 112-2 2 2 0 01-2 2zm10-8a4 4 0 114-4 4 4 0 01-4 4zm10 8a2 2 0 112-2 2 2 0 01-2 2z" }]];
diff --git a/packages/hiccup-carbon-icons/src/app-connectivity.ts b/packages/hiccup-carbon-icons/src/app-connectivity.ts
@@ -0,0 +1,4 @@
+// prettier-ignore
+export const APP_CONNECTIVITY =
+    ["svg", { viewBox: "0 0 32 32" },
+        ["path", { d: "M20 14h8a2.002 2.002 0 002-2V4a2.002 2.002 0 00-2-2h-8a2.002 2.002 0 00-2 2H9a2.002 2.002 0 00-2 2v4H4a2.002 2.002 0 00-2 2v8a2.002 2.002 0 002 2h2v4a2.002 2.002 0 002 2h10a2.002 2.002 0 002 2h8a2.002 2.002 0 002-2v-8a2.002 2.002 0 00-2-2h-8a2.002 2.002 0 00-2 2v6H8v-4h4a2.002 2.002 0 002-2v-8a2.002 2.002 0 00-2-2H9V6h9v6a2.002 2.002 0 002 2zm0 14v-4h8v4zm8-8v2h-8v-2zM4 20v-4h8v4zm8-6H4v-2h8zm8-2V8h8v4zm8-8v2h-8V4z" }]];
diff --git a/packages/hiccup-carbon-icons/src/app-services.ts b/packages/hiccup-carbon-icons/src/app-services.ts
diff --git a/packages/hiccup-carbon-icons/src/app-switcher.ts b/packages/hiccup-carbon-icons/src/app-switcher.ts
@@ -0,0 +1,4 @@
+// prettier-ignore
+export const APP_SWITCHER =
+    ["svg", { viewBox: "0 0 32 32" },
+        ["path", { d: "M14 4h4v4h-4zM4 4h4v4H4zM24 4h4v4h-4zM14 14h4v4h-4zM4 14h4v4H4zM24 14h4v4h-4zM14 24h4v4h-4zM4 24h4v4H4zM24 24h4v4h-4z" }]];