feat(icon): add cube icon

Add new Cube icon in sizes L and XL re #720
chanzuckerberg · Nov 29, 2023 · 1734cad · 1734cad
1 parent 2289e3c
commit 1734cad
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/packages/components/src/common/svgs/IconCubeLarge.svg b/packages/components/src/common/svgs/IconCubeLarge.svg
diff --git a/packages/components/src/core/Icon/map.ts b/packages/components/src/core/Icon/map.ts
@@ -23,6 +23,7 @@ import { ReactComponent as IconCirclesOverlapSmall } from "../../common/svgs/Ico
 import { ReactComponent as IconCompassLarge } from "../../common/svgs/IconCompassLarge.svg";
 import { ReactComponent as IconCopyLarge } from "../../common/svgs/IconCopyLarge.svg";
 import { ReactComponent as IconCopySmall } from "../../common/svgs/IconCopySmall.svg";
+import { ReactComponent as IconCubeLarge } from "../../common/svgs/IconCubeLarge.svg";
 import { ReactComponent as IconDnaLarge } from "../../common/svgs/IconDnaLarge.svg";
 import { ReactComponent as IconDocumentSmall } from "../../common/svgs/IconDocumentSmall.svg";
 import { ReactComponent as IconDotsHorizontal3Large } from "../../common/svgs/IconDotsHorizontal3Large.svg";
@@ -95,8 +96,8 @@ import { ReactComponent as IconShareLarge } from "../../common/svgs/IconShareLar
 import { ReactComponent as IconSlidersHorizontalLarge } from "../../common/svgs/IconSlidersHorizontalLarge.svg";
 import { ReactComponent as IconSpeechBubblesLarge } from "../../common/svgs/IconSpeechBubblesLarge.svg";
 import { ReactComponent as IconSquareOnDashedSquareLarge } from "../../common/svgs/IconSquareOnDashedSquareLarge.svg";
-import { ReactComponent as IconStarburstSmall } from "../../common/svgs/IconStarburstSmall.svg";
 import { ReactComponent as IconStarLarge } from "../../common/svgs/IconStarLarge.svg";
+import { ReactComponent as IconStarburstSmall } from "../../common/svgs/IconStarburstSmall.svg";
 import { ReactComponent as IconTableSmall } from "../../common/svgs/IconTableSmall.svg";
 import { ReactComponent as IconTrashCanLarge } from "../../common/svgs/IconTrashCanLarge.svg";
 import { ReactComponent as IconTrashCanSmall } from "../../common/svgs/IconTrashCanSmall.svg";
@@ -136,6 +137,7 @@ export interface IconNameToSizes {
   circlesOverlap: "xs" | "s" | "l" | "xl";
   compass: "l" | "xl";
   copy: "xs" | "s" | "l" | "xl";
+  cube: "l" | "xl";
   dna: "l" | "xl";
   document: "xs" | "s";
   dotsHorizontal: "xs" | "s" | "l" | "xl";
@@ -288,6 +290,10 @@ export const iconMap: Props = {
     largeIcon: IconCopyLarge,
     smallIcon: IconCopySmall,
   },
+  cube: {
+    largeIcon: IconCubeLarge,
+    smallIcon: null,
+  },
   dna: {
     largeIcon: IconDnaLarge,
     smallIcon: null,