An icon is a graphic symbol that represents an object (ie a file) or a function. They can be used to give the user feedback.

Icon Default

Icon Rotate

Icon Flip

Icon Animation

A spinner icon can show a user that something is loading or saving.

Icon Pull

Icon Pull can be used to indicate that the user can perform a pull action.

Icon Border

Icon Sizes

Things to Avoid

Be careful of use cases where there should be a clickable area around the icon. Icon Circle Button may need to be used instead.

UI Samples using Icon Kit

Get the full picture. See how this kit is used in our samples.