Iconography

Icons visually express complex interface actions and contribute to creating visual harmony in the overall layout.

Sizes

There are seven different icon sizes used for various places.

Icon package

FDS uses Font Awesome icon pack for our icon system. We are currently using the 6th version.

You can find the Font Awesome account credentials on the frame-design-system slack channel (internal channel).

Icon styles

Within the system, duotone style is used for navigation, and regular is used for everything else. If the use of regular for icons representing specific states in buttons or input components is not suitable, the solid variation can also be used.

Icon Stack

Ping @feyza if you need a different type of icon

Storybook

Storybook failed to load. Please connect to the VPN to access.

Frame Design System

Frame Design System from Mikrogrup

Resources

Developer documentation
Figma

Support

FDS Jira Board
Github