# Icon (fw-icon)

fw-icon displays an icon-sized image that imparts meaning to the component it is associated with.

# Usage

Show Code

# Icons

The following are the icons supported:

# Properties

Property Attribute Description Type Default
color color Color in which the icon is displayed, specified as a standard CSS color or as a HEX code. string ''
name name Identifier of the icon. The attribute’s value must be a valid svg file in the repo of icons (assets/icons). string undefined
size size Size of the icon, specified in number of pixels. number 12

# CSS Custom Properties

Name Description
--icon-color Color of the icon

# Dependencies

# Used by

# Graph

graph TD;
  fw-dropdown-button --> fw-icon
  fw-input --> fw-icon
  fw-modal --> fw-icon
  fw-toast --> fw-icon
  style fw-icon fill:#f9f,stroke:#333,stroke-width:4px

Built with ❤ at Freshworks

Last Updated: 9/30/2020, 7:31:48 AM