The icons we use in Quickify AI comprise simple geometric shapes that visually represent their different uses. There are specific icons in the course and the editor. The icons cannot be changed and are default in the system.

Background

Icons play a vital role in interfaces, delivering valuable information in a compact size. Their design should be simple, contemporary, and approachable.

Example of Course Icons in completed state

To maintain consistency and readability, their small size demands strict adherence to guidelines while conveying essential information.

All our icons are designed following Material Design guidelines.

Activity Icon Behavior

In a course, the activity icons come in 5 different states, and inform how a user should interact with them. These states are universal in all courses to promote consistent user interaction across all Quickify AI learning programs. 

The 5 different icon states are:

State	Description
	Active
	Active (rollover state)
	Completed
	Completed (rollover state)
	Locked

In the course, icons have custom text labels under them which provide detailed activity information.

Course Icons

Each individual activity icon has been designed to represent a unique activity.

Icon	Description
	Classify
	Conversation
	Fill in the Blank
	Flashcard
	Matching
	Multiple Choice
	Popup
	Situation
	Slideshow
	Sorting
	True of False
	Video
	Locked (all activities)
	Replay (all activities)

Editor Icons

The icons in the editor visually represent the different parts of your learning program.

Icon	Description
	Login
	Start
	Courses