Class HyloIcon

The main color of the icon.

The background color of the icon.

The quaternary color of the icon.

The secondary color of the icon.

The tertiary color of the icon.

The height of the icon. If only height is given, the width will be adjusted. If width and height is set to 0, width and height of the wrapped hylo icon can be set through style sheet. If neither is given, the default values of the wrapped hylo icon will be set. In pixels.

Can be set as a number or an object in form of a JSON string. The object can contain the keys 'default', 'xl', 'lg', 'md', 'sm', 'xs'. A hylo-breakpoint-listener has to be present. e.g. {"default": 18.5, "xs": 13, "sm": 13}

The name of the icon to display. (the icon component without "hylo-icon-")

Classes added to the wrapped icon element.

If no color is set, it keeps the preset color of the icon. Otherwise the color is set to "currentColor" (except for "colorBackground").

If no color is set and no preset color is set, the color is set to "currentColor" always (except for "colorBackground").

The main stroke color of the icon.

The secondary stroke color of the icon.

The width of the icon. If only width is given, the height will be adjusted. If width and height is set to 0, width and height of the wrapped hylo icon can be set through style sheet. If neither is given, the default values of the wrapped hylo icon will be set. In pixels.

Can be set as a number or an object in form of a JSON string. The object can contain the keys 'default', 'xl', 'lg', 'md', 'sm', 'xs'. A hylo-breakpoint-listener has to be present. e.g. {"default": 18.5, "xs": 13, "sm": 13}