Add cube icons (#2216)

tylersticka · web-flow · commit 48dccda73c74 · 2023-11-17T06:40:12.000-08:00
diff --git a/.changeset/warm-trains-rule.md b/.changeset/warm-trains-rule.md
@@ -0,0 +1,5 @@
+---
+'@cloudfour/patterns': minor
+---
+
+Add `cube` and `cube-alt` icons to represent three-dimensional elements.
diff --git a/src/assets/icons/cube-alt.svg b/src/assets/icons/cube-alt.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <polygon points="3 7.14 12 1.33 21 7.14 12 12.95 3 7.14" opacity=".66" stroke-width="0" />
+  <polygon points="12 22.67 3 16.86 3 7.14 12 12.95 12 22.67" opacity=".33" stroke-width="0" />
+  <path
+    d="m20.65,6.91L12.42,1.6c-.25-.16-.58-.16-.83,0L3.35,6.91c-.22.14-.35.38-.35.64v8.89c0,.26.13.5.35.64l8.24,5.32c.25.16.58.16.83,0l8.24-5.32c.22-.14.35-.38.35-.64V7.56c0-.26-.13-.5-.35-.64Z"
+    fill="none" stroke-linejoin="round" stroke-width="2" />
+</svg>
diff --git a/src/assets/icons/cube.svg b/src/assets/icons/cube.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <polygon points="12 22.67 3 16.86 3 7.14 12 12.95 12 22.67" opacity=".33" stroke-width="0" />
+  <polygon points="12 22.67 21 16.86 21 7.14 12 12.95 12 22.67" opacity=".66" stroke-width="0" />
+  <path
+    d="m20.65,6.91L12.42,1.6c-.25-.16-.58-.16-.83,0L3.35,6.91c-.22.14-.35.38-.35.64v8.89c0,.26.13.5.35.64l8.24,5.32c.25.16.58.16.83,0l8.24-5.32c.22-.14.35-.38.35-.64V7.56c0-.26-.13-.5-.35-.64Z"
+    fill="none" stroke-linejoin="round" stroke-width="2" />
+</svg>
diff --git a/src/components/button/button.stories.mdx b/src/components/button/button.stories.mdx
@@ -20,6 +20,7 @@ const iconControlConfig = {
   options: [
     '',
     'bell',
+    'cube-alt',
     'magnifying-glass',
     'heart',
     'brands/github',

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@cloudfour/patterns': minor
 +---
++
 +Add `cube` and `cube-alt` icons to represent three-dimensional elements.