Revamp modifier icons

[Studio384]

Modifier icons are up for a revamp. As part of this change, modifier icons should follow a number of new rules:

• The stroke thickness of a modifier icon should be 1px.
• Simple chapes (plus, check, xmark) should be placed within a circle.
• Complex circular modifier icons will use the default circle cutout (e.g.: gear).
• If a modifier interfers with the icons shape, it should be moved to the top right. If that doesn't work either, move it to the bottom left. A modifier icon should never appear in te top left.

Additional changes, that we'll make:

• The clock icon should show 9 o'clock as its time for added clarity.

For further ease-of-use, we should provide 2 components within Figma. One that exposes all modifier icons, and another that exposes all cutout shapes.

Additionally, we're adding a number of new modifier icons:

• Arrow down left
• Arrow up right
• Volume

[Studio384]

The following changes have been made:

• Modifier icons are now accessible in a Figma component for easy access.
• Modifier icons now have their cutout included.
• Notes on individual icons:
  • Plus has now a circular background and has its stroke reduced to 1px (down from 1.5px).
  • Xmark has been added as a new modifier icon.
  • Clock has its hands now turned to 9:00 and its stroke reduced to 1px (down from 1.5px).
  • Prohibited is the new name for Ban
  • Lock now has a 2px keyhole instead of 1.5px.
  • Gear has been redrawn completely.
  • List has been updated to reduce its height and improve its rendering on low pixel density screens.