diff --git a/modes/example/src/toolbarButtons.js b/modes/example/src/toolbarButtons.js
index 3f4db8160..d4a3a7a59 100644
--- a/modes/example/src/toolbarButtons.js
+++ b/modes/example/src/toolbarButtons.js
@@ -72,7 +72,7 @@ export default [
id: 'ResetView',
type: 'ohif.action',
props: {
- icon: 'tool-capture',
+ icon: 'old-reset',
label: 'Reset View',
commandName: 'resetViewport',
type: 'primary',
@@ -82,7 +82,7 @@ export default [
id: 'RotateClockwise',
type: 'ohif.action',
props: {
- icon: 'tool-capture',
+ icon: 'old-rotate-right',
label: 'Rotate Right',
commandName: 'rotateViewportCW',
type: 'primary',
@@ -92,7 +92,7 @@ export default [
id: 'FlipHorizontally',
type: 'ohif.action',
props: {
- icon: 'tool-capture',
+ icon: 'old-ellipse-h',
label: 'Flip Horizontally',
commandName: 'flipViewportHorizontal',
type: 'primary',
@@ -106,7 +106,7 @@ export default [
},
props: {
isActive: false,
- icon: 'tool-move',
+ icon: 'old-bars',
label: 'Stack Scroll',
commandName: 'setToolActive',
commandOptions: { toolName: 'StackScroll' },
@@ -121,7 +121,7 @@ export default [
},
props: {
isActive: false,
- icon: 'tool-move',
+ icon: 'old-circle',
label: 'Magnify',
commandName: 'setToolActive',
commandOptions: { toolName: 'Magnify' },
@@ -132,7 +132,7 @@ export default [
id: 'Invert',
type: 'ohif.action',
props: {
- icon: 'tool-capture',
+ icon: 'old-invert',
label: 'Invert',
commandName: 'invertViewport',
type: 'primary',
@@ -143,7 +143,7 @@ export default [
id: 'Cine',
type: 'ohif.action',
props: {
- icon: 'tool-capture',
+ icon: 'old-youtube',
label: 'Cine',
commandName: '',
type: 'primary',
@@ -158,7 +158,7 @@ export default [
},
props: {
isActive: false,
- icon: 'tool-move',
+ icon: 'old-angle-left',
label: 'Angle',
commandName: 'setToolActive',
commandOptions: { toolName: 'Angle' },
@@ -173,7 +173,7 @@ export default [
},
props: {
isActive: false,
- icon: 'tool-move',
+ icon: 'old-dot-circle',
label: 'Probe',
commandName: 'setToolActive',
commandOptions: { toolName: 'Probe' },
@@ -188,7 +188,7 @@ export default [
},
props: {
isActive: false,
- icon: 'tool-move',
+ icon: 'old-circle-o',
label: 'Rectangle',
commandName: 'setToolActive',
commandOptions: { toolName: 'RectangleRoi' },
diff --git a/modes/longitudinal/src/toolbarButtons.js b/modes/longitudinal/src/toolbarButtons.js
index 6fc5634ea..c2e5cd5e4 100644
--- a/modes/longitudinal/src/toolbarButtons.js
+++ b/modes/longitudinal/src/toolbarButtons.js
@@ -120,7 +120,7 @@ export default [
id: 'ResetView',
type: 'ohif.action',
props: {
- icon: 'tool-capture',
+ icon: 'old-reset',
label: 'Reset View',
commandName: 'resetViewport',
type: 'primary',
@@ -130,7 +130,7 @@ export default [
id: 'RotateClockwise',
type: 'ohif.action',
props: {
- icon: 'tool-capture',
+ icon: 'old-rotate-right',
label: 'Rotate Right',
commandName: 'rotateViewportCW',
type: 'primary',
@@ -140,7 +140,7 @@ export default [
id: 'FlipHorizontally',
type: 'ohif.action',
props: {
- icon: 'tool-capture',
+ icon: 'old-ellipse-h',
label: 'Flip Horizontally',
commandName: 'flipViewportHorizontal',
type: 'primary',
@@ -154,7 +154,7 @@ export default [
},
props: {
isActive: false,
- icon: 'tool-move',
+ icon: 'old-bars',
label: 'Stack Scroll',
commandName: 'setToolActive',
commandOptions: { toolName: 'StackScroll' },
@@ -169,7 +169,7 @@ export default [
},
props: {
isActive: false,
- icon: 'tool-move',
+ icon: 'old-circle',
label: 'Magnify',
commandName: 'setToolActive',
commandOptions: { toolName: 'Magnify' },
@@ -180,7 +180,7 @@ export default [
id: 'Invert',
type: 'ohif.action',
props: {
- icon: 'tool-capture',
+ icon: 'old-invert',
label: 'Invert',
commandName: 'invertViewport',
type: 'primary',
@@ -191,7 +191,7 @@ export default [
id: 'Cine',
type: 'ohif.action',
props: {
- icon: 'tool-capture',
+ icon: 'old-youtube',
label: 'Cine',
commandName: '',
type: 'primary',
@@ -206,7 +206,7 @@ export default [
},
props: {
isActive: false,
- icon: 'tool-move',
+ icon: 'old-angle-left',
label: 'Angle',
commandName: 'setToolActive',
commandOptions: { toolName: 'Angle' },
@@ -221,7 +221,7 @@ export default [
},
props: {
isActive: false,
- icon: 'tool-move',
+ icon: 'old-dot-circle',
label: 'Probe',
commandName: 'setToolActive',
commandOptions: { toolName: 'Probe' },
@@ -236,7 +236,7 @@ export default [
},
props: {
isActive: false,
- icon: 'tool-move',
+ icon: 'old-circle-o',
label: 'Rectangle',
commandName: 'setToolActive',
commandOptions: { toolName: 'RectangleRoi' },
diff --git a/platform/ui/src/assets/icons/old-angle-left.svg b/platform/ui/src/assets/icons/old-angle-left.svg
new file mode 100644
index 000000000..5b87c1da3
--- /dev/null
+++ b/platform/ui/src/assets/icons/old-angle-left.svg
@@ -0,0 +1,9 @@
+
diff --git a/platform/ui/src/assets/icons/old-bars.svg b/platform/ui/src/assets/icons/old-bars.svg
new file mode 100644
index 000000000..d7e430f0c
--- /dev/null
+++ b/platform/ui/src/assets/icons/old-bars.svg
@@ -0,0 +1,9 @@
+
diff --git a/platform/ui/src/assets/icons/old-circle-o.svg b/platform/ui/src/assets/icons/old-circle-o.svg
new file mode 100644
index 000000000..4242c992f
--- /dev/null
+++ b/platform/ui/src/assets/icons/old-circle-o.svg
@@ -0,0 +1,9 @@
+
diff --git a/platform/ui/src/assets/icons/old-circle.svg b/platform/ui/src/assets/icons/old-circle.svg
new file mode 100644
index 000000000..2cad5edcb
--- /dev/null
+++ b/platform/ui/src/assets/icons/old-circle.svg
@@ -0,0 +1,9 @@
+
diff --git a/platform/ui/src/assets/icons/old-dot-circle.svg b/platform/ui/src/assets/icons/old-dot-circle.svg
new file mode 100644
index 000000000..625f3b247
--- /dev/null
+++ b/platform/ui/src/assets/icons/old-dot-circle.svg
@@ -0,0 +1,9 @@
+
diff --git a/platform/ui/src/assets/icons/old-ellipse-h.svg b/platform/ui/src/assets/icons/old-ellipse-h.svg
new file mode 100644
index 000000000..1d95148f7
--- /dev/null
+++ b/platform/ui/src/assets/icons/old-ellipse-h.svg
@@ -0,0 +1,9 @@
+
diff --git a/platform/ui/src/assets/icons/old-invert.svg b/platform/ui/src/assets/icons/old-invert.svg
new file mode 100644
index 000000000..f859c45bc
--- /dev/null
+++ b/platform/ui/src/assets/icons/old-invert.svg
@@ -0,0 +1,9 @@
+
diff --git a/platform/ui/src/assets/icons/old-reset.svg b/platform/ui/src/assets/icons/old-reset.svg
new file mode 100644
index 000000000..116676d9c
--- /dev/null
+++ b/platform/ui/src/assets/icons/old-reset.svg
@@ -0,0 +1,9 @@
+
diff --git a/platform/ui/src/assets/icons/old-rotate-right.svg b/platform/ui/src/assets/icons/old-rotate-right.svg
new file mode 100644
index 000000000..11646928f
--- /dev/null
+++ b/platform/ui/src/assets/icons/old-rotate-right.svg
@@ -0,0 +1,9 @@
+
diff --git a/platform/ui/src/assets/icons/old-youtube.svg b/platform/ui/src/assets/icons/old-youtube.svg
new file mode 100644
index 000000000..433789f12
--- /dev/null
+++ b/platform/ui/src/assets/icons/old-youtube.svg
@@ -0,0 +1,9 @@
+
diff --git a/platform/ui/src/components/Icon/getIcon.jsx b/platform/ui/src/components/Icon/getIcon.jsx
index 8f0a7a534..f421f579a 100644
--- a/platform/ui/src/components/Icon/getIcon.jsx
+++ b/platform/ui/src/components/Icon/getIcon.jsx
@@ -46,6 +46,18 @@ import toolBidirectional from './../../assets/icons/tool-bidirectional.svg';
import toolElipse from './../../assets/icons/tool-elipse.svg';
import toolLength from './../../assets/icons/tool-length.svg';
+/** Old OHIF */
+import oldBars from './../../assets/icons/old-bars.svg';
+import oldCircle from './../../assets/icons/old-circle.svg';
+import oldEllipseH from './../../assets/icons/old-ellipse-h.svg';
+import oldInvert from './../../assets/icons/old-invert.svg';
+import oldRotateRight from './../../assets/icons/old-rotate-right.svg';
+import oldYoutube from './../../assets/icons/old-youtube.svg';
+import oldDotCircle from './../../assets/icons/old-dot-circle.svg';
+import oldAngleLeft from './../../assets/icons/old-angle-left.svg';
+import oldReset from './../../assets/icons/old-reset.svg';
+import oldCircleO from './../../assets/icons/old-circle-o.svg';
+
const ICONS = {
'arrow-down': arrowDown,
calendar: calendar,
@@ -91,6 +103,18 @@ const ICONS = {
'tool-bidirectional': toolBidirectional,
'tool-elipse': toolElipse,
'tool-length': toolLength,
+
+ /** Old OHIF */
+ 'old-bars': oldBars,
+ 'old-circle': oldCircle,
+ 'old-ellipse-h': oldEllipseH,
+ 'old-invert': oldInvert,
+ 'old-rotate-right': oldRotateRight,
+ 'old-youtube': oldYoutube,
+ 'old-dot-circle': oldDotCircle,
+ 'old-angle-left': oldAngleLeft,
+ 'old-reset': oldReset,
+ 'old-circle-o': oldCircleO
};
/**