From 1088d8504466b040a9d63bad550863cc535116ce Mon Sep 17 00:00:00 2001
From: madhusudhand <madhusudhan.dollu@gmail.com>
Date: Fri, 1 Nov 2024 13:12:40 +0530
Subject: [PATCH] add vertical link and unlink icons

---
 .../spacing-sizes-control/linked-button.js       |  4 ++--
 packages/icons/src/index.js                      |  2 ++
 packages/icons/src/library/link-off-vertical.js  | 16 ++++++++++++++++
 packages/icons/src/library/link-vertical.js      | 16 ++++++++++++++++
 4 files changed, 36 insertions(+), 2 deletions(-)
 create mode 100644 packages/icons/src/library/link-off-vertical.js
 create mode 100644 packages/icons/src/library/link-vertical.js

diff --git a/packages/block-editor/src/components/spacing-sizes-control/linked-button.js b/packages/block-editor/src/components/spacing-sizes-control/linked-button.js
index f6d56be66072a..1f6128ad1d1e4 100644
--- a/packages/block-editor/src/components/spacing-sizes-control/linked-button.js
+++ b/packages/block-editor/src/components/spacing-sizes-control/linked-button.js
@@ -2,7 +2,7 @@
  * WordPress dependencies
  */
 import { Button, Tooltip } from '@wordpress/components';
-import { link, linkOff } from '@wordpress/icons';
+import { linkOffVertical, linkVertical } from '@wordpress/icons';
 import { __ } from '@wordpress/i18n';
 
 export default function LinkedButton( { isLinked, ...props } ) {
@@ -13,7 +13,7 @@ export default function LinkedButton( { isLinked, ...props } ) {
 			<Button
 				{ ...props }
 				size="small"
-				icon={ isLinked ? link : linkOff }
+				icon={ isLinked ? linkVertical : linkOffVertical }
 				iconSize={ 24 }
 				aria-label={ label }
 			/>
diff --git a/packages/icons/src/index.js b/packages/icons/src/index.js
index e82b09e5d5afe..286bb4508befb 100644
--- a/packages/icons/src/index.js
+++ b/packages/icons/src/index.js
@@ -160,6 +160,8 @@ export { default as lineDotted } from './library/line-dotted';
 export { default as lineSolid } from './library/line-solid';
 export { default as link } from './library/link';
 export { default as linkOff } from './library/link-off';
+export { default as linkVertical } from './library/link-vertical';
+export { default as linkOffVertical } from './library/link-off-vertical';
 export { default as list } from './library/list';
 export { default as listItem } from './library/list-item';
 export { default as listView } from './library/list-view';
diff --git a/packages/icons/src/library/link-off-vertical.js b/packages/icons/src/library/link-off-vertical.js
new file mode 100644
index 0000000000000..389639bd45662
--- /dev/null
+++ b/packages/icons/src/library/link-off-vertical.js
@@ -0,0 +1,16 @@
+/**
+ * WordPress dependencies
+ */
+import { SVG, Path } from '@wordpress/primitives';
+
+const linkOffVertical = (
+	<SVG
+		xmlns="http://www.w3.org/2000/svg"
+		viewBox="0 0 24 24"
+		style={ { transform: 'rotateZ(90deg) rotateY(180deg)' } }
+	>
+		<Path d="M17.031 4.703 15.576 4l-1.56 3H14v.03l-2.324 4.47H9.5V13h1.396l-1.502 2.889h-.95a3.694 3.694 0 0 1 0-7.389H10V7H8.444a5.194 5.194 0 1 0 0 10.389h.17L7.5 19.53l1.416.719L15.049 8.5h.507a3.694 3.694 0 0 1 0 7.39H14v1.5h1.556a5.194 5.194 0 0 0 .273-10.383l1.202-2.304Z" />
+	</SVG>
+);
+
+export default linkOffVertical;
diff --git a/packages/icons/src/library/link-vertical.js b/packages/icons/src/library/link-vertical.js
new file mode 100644
index 0000000000000..74232f372ceda
--- /dev/null
+++ b/packages/icons/src/library/link-vertical.js
@@ -0,0 +1,16 @@
+/**
+ * WordPress dependencies
+ */
+import { SVG, Path } from '@wordpress/primitives';
+
+const linkVertical = (
+	<SVG
+		xmlns="http://www.w3.org/2000/svg"
+		viewBox="0 0 24 24"
+		style={ { transform: 'rotate(90deg)' } }
+	>
+		<Path d="M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z" />
+	</SVG>
+);
+
+export default linkVertical;