...
The Icon is a symbolic image that helps users quickly and simply identify the content
You can only set one icon at a time
This component allows showing the Icon from the SLDS
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
...
You can change icons by using their category
The icon Icon component 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 objectsA custom icon is for icons that have a very specific or unique action.
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
...
Adjust Icon sizes using the size attribute
There are five types of size
In the Size drop-down, select the size
XX-Small: You can set xx-smallsize 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
Using the Fill color you can customize the Icon colorapply solid color to the excess space of an image
e.g. The Icon is displayed in red if you enter that color
Fill color: Red
