mi-icon

The <mi-icon> element can be used to display an icon. The icon scales to fit the host elements size which means a width and height should be defined for the element. Please note that this component is not compatible with Internet Explorer.

Working example:

Example usage:

<!-- HTML -->

<mi-icon class="icon" icon-name="bike"></mi-icon>

/* CSS */

.icon {
    width: 100px;
    height: 100px;
    background-color: blue;
}

icon-name attribute

A icon-name attribute is available on the <mi-icon> element, which should be used to specify the icon. The attribute is required.

Supported icons:

Properties