diff --git a/packages/react/src/components/Icon/icons/step-back.svg b/packages/react/src/components/Icon/icons/step-back.svg
new file mode 100644
index 000000000..47071b8a1
--- /dev/null
+++ b/packages/react/src/components/Icon/icons/step-back.svg
@@ -0,0 +1 @@
+<svg version="1.2" xmlns="http://www.w3.org/2000/svg" overflow="visible" preserveAspectRatio="none" viewBox="0 0 26 26" width="15" height="15" style="transform: scaleX(-1) rotate(90deg)"><g><defs> </defs> <rect display="none" width="26" height="26" fill="currentColor" vector-effect="non-scaling-stroke"/> <rect id="_x3C_Slice_x3E__126_" display="none" fill="none" width="26" height="26" vector-effect="non-scaling-stroke"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M18,3h-6l6,6H7c-3.866,0-7,3.134-7,7c0,3.866,3.134,7,7,7v-4c-1.657,0-3-1.343-3-3 s1.343-3,3-3h11l-6,6h6l8-8L18,3z" fill="currentColor" vector-effect="non-scaling-stroke"/> </g></svg>
\ No newline at end of file
diff --git a/packages/react/src/components/Icon/icons/step-forward.svg b/packages/react/src/components/Icon/icons/step-forward.svg
new file mode 100644
index 000000000..d068a7529
--- /dev/null
+++ b/packages/react/src/components/Icon/icons/step-forward.svg
@@ -0,0 +1 @@
+<svg version="1.2" xmlns="http://www.w3.org/2000/svg" overflow="visible" preserveAspectRatio="none" viewBox="0 0 26 26" width="15" height="15" style="transform: rotate(90deg)"><g><defs> </defs> <rect display="none" width="26" height="26" fill="currentColor" vector-effect="non-scaling-stroke"/> <rect id="_x3C_Slice_x3E__126_" display="none" fill="none" width="26" height="26" vector-effect="non-scaling-stroke"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M18,3h-6l6,6H7c-3.866,0-7,3.134-7,7c0,3.866,3.134,7,7,7v-4c-1.657,0-3-1.343-3-3 s1.343-3,3-3h11l-6,6h6l8-8L18,3z" fill="currentColor" vector-effect="non-scaling-stroke"/> </g></svg>
\ No newline at end of file