Add more icons

modes/example/src/toolbarButtons.js

@@ -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' },

modes/longitudinal/src/toolbarButtons.js

@@ -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' },

platform/ui/src/assets/icons/old-angle-left.svg

@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 256 512"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Angle Left</title>
+  <path d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"/>
+</svg>

platform/ui/src/assets/icons/old-dot-circle.svg

@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 512 512"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Dot Circle</title>
+  <path d="M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z"/>
+</svg>

platform/ui/src/assets/icons/old-youtube.svg

@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 28 28"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">YouTube Logo</title>
+  <path d="M11.109 17.625l7.562-3.906-7.562-3.953v7.859zM14 4.156c5.891 0 9.797 0.281 9.797 0.281 0.547 0.063 1.75 0.063 2.812 1.188 0 0 0.859 0.844 1.109 2.781 0.297 2.266 0.281 4.531 0.281 4.531v2.125s0.016 2.266-0.281 4.531c-0.25 1.922-1.109 2.781-1.109 2.781-1.062 1.109-2.266 1.109-2.812 1.172 0 0-3.906 0.297-9.797 0.297v0c-7.281-0.063-9.516-0.281-9.516-0.281-0.625-0.109-2.031-0.078-3.094-1.188 0 0-0.859-0.859-1.109-2.781-0.297-2.266-0.281-4.531-0.281-4.531v-2.125s-0.016-2.266 0.281-4.531c0.25-1.937 1.109-2.781 1.109-2.781 1.062-1.125 2.266-1.125 2.812-1.188 0 0 3.906-0.281 9.797-0.281v0z" />
+</svg>

platform/ui/src/components/Icon/getIcon.jsx

@@ -52,7 +52,9 @@ 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';
 const ICONS = {
   'arrow-down': arrowDown,
   calendar: calendar,
@@ -104,7 +106,10 @@ const ICONS = {
   'old-circle': oldCircle,
   'old-ellipse-h': oldEllipseH,
   'old-invert': oldInvert,
-  'old-rotate-right': oldRotateRight
+  'old-rotate-right': oldRotateRight,
+  'old-youtube': oldYoutube,
+  'old-dot-circle': oldDotCircle,
+  'old-angle-left': oldAngleLeft
 };
 
 /**