diff --git a/src/components/icons/VersionManagerIcon.jsx b/src/components/icons/VersionManagerIcon.jsx
new file mode 100644
index 00000000..c3a7cb39
--- /dev/null
+++ b/src/components/icons/VersionManagerIcon.jsx
@@ -0,0 +1,85 @@
+import * as React from 'react'
+import styles from './Icons.module.css'
+import { SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE } from '../constants'
+
+const VersionManagerIcon = ({
+ color = MAIN_DARK_BLUE,
+ size = MEDIUM,
+ disabled = false,
+ inactive = false
+}) => {
+ let className = `${styles.svgClassName} ` + styles[`${color}`]
+ if (disabled) {
+ className += ` ${styles.iconDisabled}`
+ }
+ if (inactive) {
+ className += ` ${styles.iconInactive}`
+ }
+ let icon = <>
+
+ switch (size) {
+ case SMALL:
+ icon = (
+
+ )
+ break
+ case MEDIUM:
+ icon = (
+
+ )
+ break
+ case LARGE:
+ icon = (
+
+ )
+ break
+
+ default:
+ break
+ }
+ return icon
+}
+
+export default VersionManagerIcon
diff --git a/src/components/icons/index.js b/src/components/icons/index.js
index d82cd686..ae2c6e4a 100644
--- a/src/components/icons/index.js
+++ b/src/components/icons/index.js
@@ -226,6 +226,7 @@ import UserComputerIcon from './UserComputerIcon'
import UserIcon from './UserIcon'
import UserRemoveIcon from './UserRemoveIcon'
import UserRoleIcon from './UserRoleIcon'
+import VersionManagerIcon from './VersionManagerIcon'
import WorkflowIcon from './WorkflowIcon'
import WorkspaceDynamicIcon from './WorkspaceDynamicIcon'
import WorkspaceEmptyIcon from './WorkspaceEmptyIcon'
@@ -466,6 +467,7 @@ export default {
UserIcon,
UserRemoveIcon,
UserRoleIcon,
+ VersionManagerIcon,
WorkflowIcon,
WorkspaceDynamicIcon,
WorkspaceEmptyIcon,