Icon Overview Guide for icons

Introduction

Icons are used in Gprime2 to provide supporting visual context to navigation, buttons and headings. They are designed to be flat, line-drawn and monochromatic.

All GP Synergy Gprime2 icons are scalable vectors for optimal load time and highest pixel fidelity, and provide instant style options such as size, colour and effects with CSS.

Access to Icons

Icons are inserted on a page with a simple CSS class:

 <i class=”gpicon-[name]”></i>

Where [name] is the icon name (see Icon Library).