Customize Icons

Learn how to customize KaiNexus with Font Awesome 5 icons.

When creating or editing an Attribute Value, Level Type, Title, Position, Employee Type, or Certification, you have the option to include an icon to appear in the system alongside it. Select one of the default icons available or copy and paste the code of a specific icon from the Font Awesome library. KaiNexus offers Font Awesome 5 which will support all icons on the site including those marked with PRO.

What icons can I customize?

Select one of the default icons available or copy and paste the code of a specific icon from the Font Awesome library. KaiNexus offers Font Awesome 5 which will support all icons on the site including those marked with PRO.

How to add an icon code from Font Awesome

Click the link to the Font Awesome site: https://fontawesome.com/icons .

Search the site for an icon and click into the one you would like to add.
Copy the part of the icon code that is within the “quotation marks” near the top left of the page.

NOTE: Font Awesome 5 requires you to specify the icon style within the code as well.

The icon styles are as follows:

Solid (fas): Icons are filled in.
Regular (far): Icons have bold outlines and are not filled in.
Light (fal): Icons have thin outlines and are not filled in.
Brands (fab): Icons for specific brand names.

NOTE: If the icon code is not entered in correctly, you will receive an error message upon saving which reads: The value in this field is invalid.

Paste this code into the “Icon Code” field back in KaiNexus.
Select your desired color for the icon from the dropdown.
Select Save.