Iconography

Iconography is crucuial to the basic UI of any website or app. Icons may aid in the visual and intuitive communication of information, making it simpler for users to explore and comprehend the material. Additionally, icons can improve a website’s visual attractiveness and giving it a more contemporary, businesslike appearance. In addition, using icons instead of words might enhance the user experience. This is especially true for mobile devices with smaller

Construction

Snap to grid

Grid based on icon design proportions

Stroke

Width: 5 px

Corners: Round

Joints: Sharp

Allign stroke to center

Clear spacing

Clear spacing: 4 px

This will indicate the proportions of the logo and distance between the stroke and the space in which the icon is con-

UI Icon Solids

NOTE:

The smaller parts of the icons are left white while the larger parts are colour filled. DO NOT fill the whole icon.