Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Overview

  • The Icon is a symbolic image that helps users quickly and simply identify the content

  • You can set only one Icon at a time

  • This component shows the Icon from the Salesforce Lightning Design System (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

Attributes

Category

  • You can select the Icon you want to display based on the category you have selected

  • The Icon component has five categories, to find them navigate to the Category drop-down & select the category

    • Action: Action icons are for use with quick actions on touch-screen devices

    • Custom: Custom icons are for use with a very specific or unique action

    • Doctype: Doctype icons represent document file formats

    • Standard: Standard icons are available on the desktop by default

    • Utility: Utility icons are simple symbols in a single color that identify labels and actions across many form factors

Name

Size

  • Adjust Icon sizes using the size attribute

  • There are five types of sizes

    • 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 apply solid color to Icon

  • e.g. The Icon is displayed in red color

    • Fill color: Red