You're viewing an older version of Vaadin JavaDoc. Please see version 24.7.0 for the latest.
com.vaadin.flow.component.icon.

Class Icon

java.lang.Object
com.vaadin.flow.component.Component
com.vaadin.flow.component.icon.Icon

All Implemented Interfaces:

AttachNotifier, ClickNotifier<Icon>, DetachNotifier, HasElement, HasStyle, HasTooltip, Serializable

@Tag("vaadin-icon") @NpmPackage(value="@vaadin/polymer-legacy-adapter",version="24.0.2") @NpmPackage(value="@vaadin/icons",version="24.0.2") @NpmPackage(value="@vaadin/icon",version="24.0.2") @JsModule("@vaadin/polymer-legacy-adapter/style-modules.js") @JsModule("@vaadin/icons/vaadin-iconset.js") @JsModule("@vaadin/icon/vaadin-icon.js") public class Icon extends Component implements HasStyle, ClickNotifier<Icon>, HasTooltip

Component for displaying an icon from the Vaadin Icons collection.

Author:

Vaadin Ltd

See Also:

  • Constructor Details

    • Icon

      public Icon()

      Creates an Icon component that displays a Vaadin logo.

    • Icon

      public Icon(VaadinIcon icon)

      Creates an Icon component that displays the given icon from VaadinIcon.

      Parameters:

      icon - the icon to display

    • Icon

      public Icon(String icon)

      Creates an Icon component that displays the given icon from vaadin-icons collection.

      Parameters:

      icon - the icon name

    • Icon

      public Icon(String collection, String icon)

      Creates an Icon component that displays the given icon from the given collection. If you want to use a custom <vaadin-iconset> -based icon set, you also need to add a dependency and an import for it, example:

       
       @NpmPackage(value = "custom-icons", version = "1.0.0")
       @JsModule("custom-icons/iconset.js")
       public class MyView extends Div {
       
       

      Parameters:

      collection - the icon collection

      icon - the icon name

  • Method Details

    • setSize

      public void setSize(String size)

      Sets the width and the height of the icon.

      The size should be in a format understood by the browser, e.g. "100px" or "2.5em".

      Parameters:

      size - the size to set, may be null to clear the value

    • setColor

      public void setColor(String color)

      Sets the fill color of the icon.

      The color should be in a format understood by the browser, e.g. "orange", "#FF9E2C" or "rgb(255, 158, 44)".

      Parameters:

      color - the fill color to set, may be null to clear the value

    • getColor

      public String getColor()

      Gets the fill color of this icon as a String.

      Returns:

      the fill color of the icon, or null if the color has not been set