Images, Illustrations & Icons
Mericon Developer Notes
Information
Mericon is the official web icon that is used accross the site. Since there are individual classes to each icon, please refer to the following pdf: Mericon Cheatsheet.
There are three different sizes that come with Mericon and are as follows with the exception of the Mercer Favicon & Logo:
- Small: 16px
- Medium: 32px
- Extra Medium: 40px
- Large: 40px
- Extra Large: 90px
The default size for all icons without applying the sizing classes - e.g. .mericon-lg - is medium. The sizing classes are as follows for Mericon Icon Library:
- Small: mericon-xs
- Medium: mericon-md
- Extra Medium: mericon-xmd
- Large: mericon-lg
- Extra Large: mericon-xlg
The cheatsheet also contains the Unicode values that were used to apply the fonts. The name of each icon as shown in the cheatsheet is the suffix for the icon. Example code usage for the upload icon in small size below:
Code Usage
Campaign Theme
Campaign Theme Icons can be customized by assigning the class theme2 to the element.