com.vaadin.flow.component.icon

Class Icon

java.lang.Object

com.vaadin.flow.component.Component

com.vaadin.flow.component.icon.Icon

All Implemented Interfaces:

com.vaadin.flow.component.AttachNotifier, com.vaadin.flow.component.ClickNotifier<Icon>, com.vaadin.flow.component.DetachNotifier, com.vaadin.flow.component.HasElement, com.vaadin.flow.component.HasStyle, Serializable

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

Component for displaying an icon from the Vaadin Icons collection.

Author:

Vaadin Ltd

See Also:

VaadinIcon, Serialized Form

Constructor Summary

Constructors

Constructor and Description
Icon() Creates an Icon component that displays a Vaadin logo.
Icon(String icon) Creates an Icon component that displays the given icon from vaadin-icons collection.
Icon(String collection, String icon) Creates an Icon component that displays the given icon from the given collection.
Icon(VaadinIcon icon) Creates an Icon component that displays the given icon from VaadinIcon.

Method Summary

Modifier and Type	Method and Description
String	getColor() Gets the fill color of this icon as a String.
void	setColor(String color) Sets the fill color of the icon.
void	setSize(String size) Sets the width and the height of the icon.

Methods inherited from class com.vaadin.flow.component.Component

addListener, fireEvent, from, get, getChildren, getElement, getEventBus, getId, getLocale, getParent, getTranslation, getTranslation, getTranslation, getUI, hasListener, isAttached, isTemplateMapped, isVisible, onAttach, onDetach, onEnabledStateChanged, set, setElement, setId, setVisible

Methods inherited from class java.lang.Object

clone, equals, finalize, getClass, hashCode, notify, notifyAll, toString, wait, wait, wait

Methods inherited from interface com.vaadin.flow.component.HasStyle

addClassName, addClassNames, getClassName, getClassNames, getStyle, hasClassName, removeClassName, removeClassNames, setClassName, setClassName

Methods inherited from interface com.vaadin.flow.component.HasElement

getElement

Methods inherited from interface com.vaadin.flow.component.ClickNotifier

addClickListener, addClickShortcut

Methods inherited from interface com.vaadin.flow.component.AttachNotifier

addAttachListener

Methods inherited from interface com.vaadin.flow.component.DetachNotifier

addDetachListener

Constructor Detail

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 Detail

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