Iconography / Icon identity
Please also see the original source at https://github.com/7elix/TYPO3.CMS.Flat/issues/6 (source)
There are three major types of ICONS in the TYPO3 backend:
- Module / App icons
- Record icons
- Action icons
These icon groups have different purposes:
Task: Click on icon starts backend module view right away. The complete interface and focus changes for the user.
Position: Module menu / "launcher"
Action: Start different App view
Task: Identify single record and are unique per data type. Reside mostly in tables..
Position: In front of record title / within table always the first column
Action: Opens Clickmenu for list of action
Task: Trigger primary action directly.
Position: In data tables always within the last column.
Action: Single click starts action right aways - something happens
Colorful background. Monochrome/inverted pictogram in the foreground. Rounded corners. Large dimensions of 32x32 Pixels (high-dpi at 64x64px)
Technology: Rendered in moduleMenu as images by ViewHelper
transparent background + colorful foreground, No border no corner no background color necessary. Optimized to sit in table list rows at 16x16 Pixels
Technology: Output by IconUtility and img-Tag
transparent background + and monochrome, vectorized (FontAwesome). no border, no corner. Output ~16x16 Pixel
Technology: Output based on FontAwesome / monochrome vector font