Overview
The Icon is a symbolic image that helps users quickly and simply identify the content
This component allows showing the Icon from the SLDS
So you can refer to the documentation from SLDS https://www.lightningdesignsystem.com/icons/
e.g. Action icons, Custom Icons, Standard Icons, Doctype Icons, Utility Icons
Attributes
Category
You can change icons by using their category
The icon comes in five categories
In the Category drop-down, select the category
Action: Action icons are for use with quick actions on touch-screen devices
Custom: Custom Object icons represent the entities and objects
Doctype: Doctype icons represent document file formats:
Standard: Custom Object icons represent the entities and objects
Utility: Utility icons are simple symbols in a single color that identify labels and actions across many form factors
Name
You can enter the name of the Icon in the Name attribute (Refer to the SLDS link)
Size
Adjust Icon sizes using the size attribute with one of these values
There are five types of size
In the Size drop-down, select the size
XX-Small: You can set xx-small size on the icon
X -Small: You can set an x-small size on the icon
Small: You can set a small size on the icon
Medium: You can set medium size on the icon
Large: You can set the large size of the icon
Fill color
You can enter a color in the Fill Color attribute (By using the Fill color you can customize the Icon color)
e.g. The Icon is displayed in red if you enter that color
Fill color: Red
