Add jupyter lite icon

Author: martenrichter

src/ui/icons/README

@@ -45,6 +45,15 @@ and this one is made by Marten Richter and is subject to AGPL 3.0
 notes
 screenCast
 
+Furthermore, the
+
+jupyterLite
+
+icon is taken from the jupyter lite project (modified for integration)
+and not subject to AGPL but their
+branding guide lines (see the jupyter logo dir for more information). 
+
+
 The fails icon is not subject to AGPL 3.0 and where designed by chadkills also ordered via fiverr:
 
 failsicon

src/ui/icons/icons.jsx

@@ -45,7 +45,7 @@ function iconMakerInl(
   }
 }
 
-// inlined icons by icon_xpert786, modified for integration by Marten Richter, see readme
+// inlined icons by icon_xpert786 or petedesignworks or martenrichter, modified for integration by Marten Richter, see readme
 
 const addNotepadIcon = (
   <React.Fragment>
@@ -1254,6 +1254,44 @@ l7.46-4.689L63.136,105.742z'
   </React.Fragment>
 )
 
+// The next icon comes from jupyter lite (not subject to fails license!) and is subject to the jupyter branding rules
+const jupyterLiteIcon = (
+  <React.Fragment>
+    <path
+      d='m100.17 2.6783a78.041 75.135 0 0 0-78.039 75.139 78.041 75.135 0 0 0 78.039 75.133 78.041 75.135 0 0 0 78.039-75.133 78.041 75.135 0 0 0-78.039-75.139zm-7.579 39.702a8.2127 7.9069 0 0 1 8.2146 7.9087 8.2127 7.9069 0 0 1-8.2146 7.9087 8.2127 7.9069 0 0 1-8.2146-7.9087 8.2127 7.9069 0 0 1 8.2146-7.9087zm29.289 11.328c0.32619 0 0.66827 0.01604 1.0269 0.04705 5.6394 0.34521 8.4591 3.4992 8.4591 9.4622 0 6.4964-2.9012 13.715-8.7036 21.655-3.6835 5.0528-7.5464 9.1484-11.588 12.287 1.1083 5.9629 2.3307 10.435 3.6672 13.417 2.4774 5.5235 6.161 8.2853 11.051 8.2853 0.32581 0 0.66824-0.0306 1.0269-0.0946 1.0757-0.18835 2.5753-0.94159 4.4985-2.2596 1.8581-1.224 3.3087-1.8359 4.3518-1.8359 0.4564 0 0.89642 0.14128 1.3202 0.42367 0.94538 0.62767 1.418 1.475 1.418 2.5421-0.0651 1.632-1.2715 3.311-3.6183 5.0371-2.9338 2.0399-6.1121 3.0599-9.5348 3.0599-7.8561-0.31343-13.675-4.9268-17.456-13.84-1.4877-3.5641-2.5778-7.5564-3.2761-11.969-4.5681 3.6388-10.288 7.9487-17.309 13.005l-2.2492 15.582c-0.0977 0.72183-0.24446 1.4279-0.44007 2.1184-1.4995 5.5235-5.2646 8.2853-11.295 8.2853-2.999 0-5.6394-1.0828-7.9212-3.2482-2.2492-2.1655-3.3739-4.5977-3.3739-7.2967 0-2.8245 0.70086-5.1469 2.1026-6.9672 0.78234-0.94148 2.3144-2.2282 4.5963-3.8602l11.735-8.4736c4.1399-26.331 6.2588-40.171 6.3565-41.521 0-0.18827 0.01685-0.3609 0.04877-0.51782 0.35862-3.5464 1.7114-5.3196 4.0584-5.3196 2.1188 0.03095 3.2109 1.365 3.2761 4.0014l-5.4275 37.378c8.1494-5.9943 12.729-9.3837 13.74-10.168 0.42837-0.35671 0.85914-0.64872 1.2957-0.88268-0.0804-1.5624-0.12233-3.1645-0.12233-4.8135 0-0.50217 0.0314-1.1455 0.098-1.9301 0.45644-6.622 1.7277-12.695 3.8139-18.218 3.3901-8.913 8.182-13.369 14.376-13.369zm0.0486 7.1084c-1.9232 0.03095-3.6183 0.83143-5.0852 2.4009-3.7161 4.0485-5.7535 12.506-6.1121 25.374 1.9558-1.9144 3.9117-4.174 5.8676-6.7789 5.4112-7.1241 8.1168-13.134 8.1168-18.03 0-0.25108-0.0651-0.54919-0.19565-0.89442-0.52161-1.3809-1.3854-2.0713-2.5915-2.0713zm-43.127 58.185-5.4275 4.0014c-2.347 1.6947-3.5369 3.2953-3.5695 4.8017 0 0.53348 0.09786 1.0356 0.29342 1.5064 0.55415 1.3809 1.5973 2.0713 3.1294 2.0713 0.61938 0 1.1736-0.0946 1.6625-0.28253 1.5647-0.65907 2.5915-2.7775 3.0805-6.3552z'
+      stroke-width='3.0706'
+      fill='currentColor'
+    />
+    <rect
+      x='65.916'
+      y='154.24'
+      width='66.866'
+      height='11.5'
+      rx='4.879'
+      ry='4.6973'
+      fill='currentColor'
+    />
+    <rect
+      x='65.987'
+      y='169.35'
+      width='66.724'
+      height='11.737'
+      rx='4.9796'
+      ry='4.7941'
+      fill='currentColor'
+    />
+    <rect
+      x='80.188'
+      y='184.7'
+      width='38.321'
+      height='11.619'
+      rx='4.9293'
+      ry='4.7457'
+      fill='currentColor'
+    />
+  </React.Fragment>
+)
+
 // exports
 export const fiAddNotepad = iconMakerInl(addNotepadIcon, 'add notepad')
 export const fiAddScreen = iconMakerInl(addScreenIcon, 'add screen')
@@ -1324,6 +1362,10 @@ export const fiTouchOff = iconMakerInl(touchOffIcon, 'touch off', {
   size: '30px'
 })
 
+export const fiJupyterLiteIcon = iconMakerInl(jupyterLiteIcon, 'jupyter lite', {
+  size: '30px'
+})
+
 // inlined icons by petedesign works, modified for integration by Marten Richter, see readme
 
 const broadcastStartIcon = (

src/ui/toolbox/toolbox.jsx

@@ -63,7 +63,8 @@ import {
   fiAddLineIcon,
   fiAddRectangleIcon,
   fiAddEllipseIcon,
-  fiAddCircleIcon
+  fiAddCircleIcon,
+  fiJupyterLiteIcon
 } from '../icons/icons.jsx'
 import { UAParser } from 'ua-parser-js'
 import { ToolHandling } from './toolhandling.jsx'
@@ -409,8 +410,8 @@ export class ToolBox extends ToolHandling {
 
     const ipynbbutton = (
       <Button
-        icon={/* fiAddPictIcon */ <Fragment>JA</Fragment>}
-        tooltip='Start app'
+        icon={fiJupyterLiteIcon}
+        tooltip='Jupyter lite base apps and more'
         tooltipOptions={ttopts}
         key={11}
         onClick={(e) => {