diff --git a/packages/components/src/border-control/border-control-style-picker/component.tsx b/packages/components/src/border-control/border-control-style-picker/component.tsx
index c0a0fe82111cec..06b5fb1edcfdc7 100644
--- a/packages/components/src/border-control/border-control-style-picker/component.tsx
+++ b/packages/components/src/border-control/border-control-style-picker/component.tsx
@@ -1,7 +1,16 @@
 /**
  * WordPress dependencies
  */
-import { lineDashed, lineDotted, lineSolid } from '@wordpress/icons';
+import {
+	lineDashed,
+	lineDotted,
+	lineSolid,
+	lineDouble,
+	lineGroove,
+	lineRidge,
+	lineInset,
+	lineOutset,
+} from '@wordpress/icons';
 import { __ } from '@wordpress/i18n';
 
 /**
@@ -18,6 +27,11 @@ const BORDER_STYLES = [
 	{ label: __( 'Solid' ), icon: lineSolid, value: 'solid' },
 	{ label: __( 'Dashed' ), icon: lineDashed, value: 'dashed' },
 	{ label: __( 'Dotted' ), icon: lineDotted, value: 'dotted' },
+	{ label: __( 'Double' ), icon: lineDouble, value: 'double' },
+	{ label: __( 'Groove' ), icon: lineGroove, value: 'groove' },
+	{ label: __( 'Ridge' ), icon: lineRidge, value: 'ridge' },
+	{ label: __( 'Inset' ), icon: lineInset, value: 'inset' },
+	{ label: __( 'Outset' ), icon: lineOutset, value: 'outset' },
 ];
 
 function UnconnectedBorderControlStylePicker(
@@ -34,6 +48,7 @@ function UnconnectedBorderControlStylePicker(
 				onChange?.( value as string | undefined );
 			} }
 			{ ...restProps }
+			style={ { display: 'flex' } }
 		>
 			{ BORDER_STYLES.map( ( borderStyle ) => (
 				<ToggleGroupControlOptionIcon
diff --git a/packages/icons/src/index.js b/packages/icons/src/index.js
index e82b09e5d5afe9..bdd834385dfefc 100644
--- a/packages/icons/src/index.js
+++ b/packages/icons/src/index.js
@@ -158,6 +158,11 @@ export { default as lifesaver } from './library/lifesaver';
 export { default as lineDashed } from './library/line-dashed';
 export { default as lineDotted } from './library/line-dotted';
 export { default as lineSolid } from './library/line-solid';
+export { default as lineDouble } from './library/line-double';
+export { default as lineGroove } from './library/line-groove';
+export { default as lineRidge } from './library/line-ridge';
+export { default as lineInset } from './library/line-inset';
+export { default as lineOutset } from './library/line-outset';
 export { default as link } from './library/link';
 export { default as linkOff } from './library/link-off';
 export { default as list } from './library/list';
diff --git a/packages/icons/src/library/line-double.js b/packages/icons/src/library/line-double.js
new file mode 100644
index 00000000000000..42dbb58c8d9f69
--- /dev/null
+++ b/packages/icons/src/library/line-double.js
@@ -0,0 +1,16 @@
+/**
+ * WordPress dependencies
+ */
+import { Path, SVG } from '@wordpress/primitives';
+
+const lineDouble = (
+	<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+		<Path
+			fillRule="evenodd"
+			d="M4 10h16v1H4v-1zm0 3h16v1H4v-1z"
+			clipRule="evenodd"
+		/>
+	</SVG>
+);
+
+export default lineDouble;
diff --git a/packages/icons/src/library/line-groove.js b/packages/icons/src/library/line-groove.js
new file mode 100644
index 00000000000000..3bb3566ffe80a8
--- /dev/null
+++ b/packages/icons/src/library/line-groove.js
@@ -0,0 +1,16 @@
+/**
+ * WordPress dependencies
+ */
+import { Path, SVG } from '@wordpress/primitives';
+
+const lineGroove = (
+	<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+		<Path
+			fillRule="evenodd"
+			d="M4 10h16v1H4v-1zM5 11h14v1H5v-1z"
+			clipRule="evenodd"
+		/>
+	</SVG>
+);
+
+export default lineGroove;
diff --git a/packages/icons/src/library/line-inset.js b/packages/icons/src/library/line-inset.js
new file mode 100644
index 00000000000000..ce8ae7eb29721d
--- /dev/null
+++ b/packages/icons/src/library/line-inset.js
@@ -0,0 +1,16 @@
+/**
+ * WordPress dependencies
+ */
+import { Path, SVG } from '@wordpress/primitives';
+
+const lineInset = (
+	<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+		<Path
+			fillRule="evenodd"
+			d="M4 10h16v1H4v-1zM5 11h14v1H5v-1zM6 12h12v1H6v-1zM7 13h10v1H7v-1z"
+			clipRule="evenodd"
+		/>
+	</SVG>
+);
+
+export default lineInset;
diff --git a/packages/icons/src/library/line-outset.js b/packages/icons/src/library/line-outset.js
new file mode 100644
index 00000000000000..f91f17287ee7c5
--- /dev/null
+++ b/packages/icons/src/library/line-outset.js
@@ -0,0 +1,16 @@
+/**
+ * WordPress dependencies
+ */
+import { Path, SVG } from '@wordpress/primitives';
+
+const lineOutset = (
+	<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+		<Path
+			fillRule="evenodd"
+			d="M4 10h16v1H4v-1zM3 11h18v1H3v-1zM2 12h20v1H2v-1z"
+			clipRule="evenodd"
+		/>
+	</SVG>
+);
+
+export default lineOutset;
diff --git a/packages/icons/src/library/line-ridge.js b/packages/icons/src/library/line-ridge.js
new file mode 100644
index 00000000000000..cfab0a7227bd88
--- /dev/null
+++ b/packages/icons/src/library/line-ridge.js
@@ -0,0 +1,16 @@
+/**
+ * WordPress dependencies
+ */
+import { Path, SVG } from '@wordpress/primitives';
+
+const lineRidge = (
+	<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+		<Path
+			fillRule="evenodd"
+			d="M4 10h16v1H4v-1zM5 11h14v1H5v-1zM6 12h12v1H6v-1z"
+			clipRule="evenodd"
+		/>
+	</SVG>
+);
+
+export default lineRidge;