Update Slicer's icon set

lassoan · September 22, 2021, 11:55pm

The pull request that updates a number of icons is available here:

github.com/Slicer/Slicer

ENH: Improve icon set

Slicer:master ← lassoan:improve-icons

opened 11:50PM - 22 Sep 21 UTC

lassoan

+1073 -49

This is a work in progress and the pull request is submitted so that we can star…t discussion before proceeding with further updates. A few new icons are added that use more modern style (flat, duotone) and have higher resolution, and look OK over both light and dark backgrounds. All icons are based on Google material design icon set (https://fonts.google.com/icons), edited in Inkscape, exported in native 24x24 and double 48x48 resolution. ![image](https://user-images.githubusercontent.com/307929/134435339-2f1bd529-8c4b-4ded-a40d-4a58cf59d285.png) ![image](https://user-images.githubusercontent.com/307929/134435436-5e94aa38-8919-4108-a009-caac180b4175.png) A summary of the overall effort is described on this labs page: https://github.com/Slicer/Slicer/wiki/Modern-Look Questions: - Does the workflow of getting SVG from "Google material design" icon set, editing in Inkscape, exporting to 24x24 and 48x48 sound good? - Is this minimalistic style, web-like generally a good direction? It would mean that we would need to replace all the icons that come from the Qt theme (as they are more detailed, 3D-like style). There would still be some inconsistency, as buttons themselves have a kind of 3D/gradient look (but maybe that could be removed by adjusting the color table). - Should we use the same colors in light and dark mode? Switching over to different icons or somehow dynamically recolor all the icons could result in better contrast, but could be much harder to implement. Or should we add shadows (that would improve contrast but would make it a bit more difficult to create the icons). Or should we just go all-in on dark mode and remove light mode completely? - What colors should we use? We could use the same 2-3 colors for all icons, or we could use different colors for different categories (e.g., file operations are orange, markups are blue, segmentations is green, ...) but we might run out of nice, distinguishable colors that work well over both light and dark background; and it may be difficult to be consistent. However, more colors can make it easier to find buttons. For example, above the blue module selection buttons separate nicely from the yellow file load/save icons.

Anyone is welcome to comment on the discussion there.

Topic		Replies	Views
New icons for Slicer: styling to include monochromatic designs and optional accent colors Development	5	156	April 15, 2024
Rebuilding slicer with custom icons Support	4	425	September 24, 2021
Proposed new Slicer logo Development	114	4433	April 24, 2023
Module icon improvements Development	3	21	July 18, 2024
Slicer module panel icon in dark mode Support	13	2544	February 7, 2020

Update Slicer's icon set

Related topics