From 039a79779f0034dbb1d6faab88433dfe36bc1ac0 Mon Sep 17 00:00:00 2001
From: Ria Carmin <akimalunar@gmail.com>
Date: Mon, 21 Oct 2024 11:51:23 -0700
Subject: [PATCH] Adds horizontal-more

---
 ...-icon-button-81171ac7-0a87-42ef-828f-4c1d933dbdf0.json | 2 +-
 ...arbutus-icon-df35289d-6cb8-4f06-882e-17bfc49e5ebd.json | 2 +-
 components/icon/src/icon/icons/index.ts                   | 2 ++
 components/icon/src/icon/icons/more-horizontal.tsx        | 8 ++++++++
 4 files changed, 12 insertions(+), 2 deletions(-)
 create mode 100644 components/icon/src/icon/icons/more-horizontal.tsx

diff --git a/change/@microsoft-arbutus-icon-button-81171ac7-0a87-42ef-828f-4c1d933dbdf0.json b/change/@microsoft-arbutus-icon-button-81171ac7-0a87-42ef-828f-4c1d933dbdf0.json
index 910d4ead..4ca345da 100644
--- a/change/@microsoft-arbutus-icon-button-81171ac7-0a87-42ef-828f-4c1d933dbdf0.json
+++ b/change/@microsoft-arbutus-icon-button-81171ac7-0a87-42ef-828f-4c1d933dbdf0.json
@@ -1,6 +1,6 @@
 {
   "type": "minor",
-  "comment": "Adds new icon",
+  "comment": "Adds new icons: vertical-more, horizontal-more.",
   "packageName": "@microsoft/arbutus.icon-button",
   "email": "akimalunar@gmail.com",
   "dependentChangeType": "patch"
diff --git a/change/@microsoft-arbutus-icon-df35289d-6cb8-4f06-882e-17bfc49e5ebd.json b/change/@microsoft-arbutus-icon-df35289d-6cb8-4f06-882e-17bfc49e5ebd.json
index 7835ef50..e96f3645 100644
--- a/change/@microsoft-arbutus-icon-df35289d-6cb8-4f06-882e-17bfc49e5ebd.json
+++ b/change/@microsoft-arbutus-icon-df35289d-6cb8-4f06-882e-17bfc49e5ebd.json
@@ -1,6 +1,6 @@
 {
   "type": "minor",
-  "comment": "Adds size, button attributes, and ref to IconButton props",
+  "comment": "Adds size, button attributes, and ref to IconButton props.",
   "packageName": "@microsoft/arbutus.icon",
   "email": "akimalunar@gmail.com",
   "dependentChangeType": "patch"
diff --git a/components/icon/src/icon/icons/index.ts b/components/icon/src/icon/icons/index.ts
index 785b133a..f20e76d0 100755
--- a/components/icon/src/icon/icons/index.ts
+++ b/components/icon/src/icon/icons/index.ts
@@ -8,6 +8,7 @@ import { Exclamation } from './exclamation';
 import { FullScreen } from './full-screen';
 import { Link } from './link';
 import { Moon } from './moon';
+import { MoreHorizontal } from './more-horizontal';
 import { MoreVertical } from './more-vertical';
 import { Open } from './open';
 import { SlideIn } from './slide-in';
@@ -19,6 +20,7 @@ export const paths = {
   ['arrow-right']: ArrowRight,
   ['chevron-right']: ChevronRight,
   ['full-screen']: FullScreen,
+  ['more-horizontal']: MoreHorizontal,
   ['more-vertical']: MoreVertical,
   ['slide-in']: SlideIn,
   ['slide-out']: SlideOut,
diff --git a/components/icon/src/icon/icons/more-horizontal.tsx b/components/icon/src/icon/icons/more-horizontal.tsx
new file mode 100644
index 00000000..e7193f7f
--- /dev/null
+++ b/components/icon/src/icon/icons/more-horizontal.tsx
@@ -0,0 +1,8 @@
+import * as React from 'react';
+
+export const MoreHorizontal = () => (
+  <path
+    d="M5.16665 7.99999C5.16665 8.64433 4.64431 9.16666 3.99998 9.16666C3.35565 9.16666 2.83331 8.64433 2.83331 7.99999C2.83331 7.35566 3.35565 6.83333 3.99998 6.83333C4.64431 6.83333 5.16665 7.35566 5.16665 7.99999ZM9.16665 7.99999C9.16665 8.64433 8.64431 9.16666 7.99998 9.16666C7.35565 9.16666 6.83331 8.64433 6.83331 7.99999C6.83331 7.35566 7.35565 6.83333 7.99998 6.83333C8.64431 6.83333 9.16665 7.35566 9.16665 7.99999ZM12 9.16666C12.6443 9.16666 13.1666 8.64433 13.1666 7.99999C13.1666 7.35566 12.6443 6.83333 12 6.83333C11.3556 6.83333 10.8333 7.35566 10.8333 7.99999C10.8333 8.64433 11.3556 9.16666 12 9.16666Z"
+    fill="currentColor"
+  />
+);