# 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

fw-dropdown-button
fw-input
fw-modal
fw-toast

# 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

← Dropdown button (fw-dropdown-button) Input (fw-input) →