search

microsoft / fluentui-system-icons

Fluent System Icons are a collection of familiar, friendly and modern icons from Microsoft.
https://aka.ms/fluentui-system-icons
MIT License
5.89k stars 518 forks source link

Icon modifiers clarification #498

Open UIenhancement opened 1 year ago

UIenhancement commented 1 year ago

The cut out is shaped incorrectly: is this intended? image

info from the documentation:

  1. Cut out - Cutouts should always be 1 px, but slash cutouts should follow the size of the stroke to create a big enough visual separation.
  2. Correct - Strokes for filled modifiers should be 1 px width for all small sizes. Anything at 48 px or bigger should be 2 px.

image

why the cut out is not consistent across icons?

in the 18x18 modifier should it be 1.5px or 1px?

the cut out for the big modifier (26x26) is 2 pixel (align with the stroke of the modifier icon)

i corret to say that the cut out should be always 1 pixel (if less then 48 px)?