diff --git a/packages/block-editor/src/components/image-editor/index.js b/packages/block-editor/src/components/image-editor/index.js
index 5cf9affcbec1e6..c2b95ba61269c8 100644
--- a/packages/block-editor/src/components/image-editor/index.js
+++ b/packages/block-editor/src/components/image-editor/index.js
@@ -2,6 +2,8 @@
  * WordPress dependencies
  */
 import { ToolbarGroup, ToolbarItem } from '@wordpress/components';
+import { Icon, crop } from '@wordpress/icons';
+import { __ } from '@wordpress/i18n';
 
 /**
  * Internal dependencies
@@ -32,6 +34,9 @@ export default function ImageEditor( {
 				naturalWidth={ naturalWidth }
 			/>
 			<BlockControls group="alt">
+				<div className="image-editor__crop-toolbar-icon">
+					<Icon icon={ crop } label={ __( 'Crop' ) } />
+				</div>
 				<ToolbarGroup>
 					<ZoomDropdown />
 					<ToolbarItem>
diff --git a/packages/block-editor/src/components/image-editor/style.scss b/packages/block-editor/src/components/image-editor/style.scss
new file mode 100644
index 00000000000000..541dd2fc094c3c
--- /dev/null
+++ b/packages/block-editor/src/components/image-editor/style.scss
@@ -0,0 +1,11 @@
+.image-editor__crop-toolbar-icon {
+    display: flex;
+    align-items: center;
+    padding: 6px 12px;
+	background-color: $gray-900;
+	color: $white;
+
+    svg {
+        fill: currentColor;
+    }
+}
diff --git a/packages/block-editor/src/style.scss b/packages/block-editor/src/style.scss
index 6f20a3b1b29012..953c1bbd186f7f 100644
--- a/packages/block-editor/src/style.scss
+++ b/packages/block-editor/src/style.scss
@@ -32,6 +32,7 @@
 @import "./components/default-block-appender/style.scss";
 @import "./components/duotone-control/style.scss";
 @import "./components/font-appearance-control/style.scss";
+@import "./components/image-editor/style.scss";
 @import "./components/image-size-control/style.scss";
 @import "./components/inner-blocks/style.scss";
 @import "./components/inserter-list-item/style.scss";