MaterialIconComponent class

A material style icon.

This stylesheet should be included at the top of the page:

<link
    rel="stylesheet"
    href="https://fonts.googleapis.com/icon?family=Material+Icons">

Make sure to take RTL into account. Specifically, use the flip attribute if the icon should be flipped for RTL UIs. Read these guidelines for advice on when and when not to flip the icon.

Attributes:

  • size: String -- The size of the icon. Options are: x-small, small, medium, large, and x-large, corresponding to 12px, 13px, 16px, 18px, and 20px, respectively. If no size is specified, the default of 24px is used.
  • flip -- Whether the icon should be flipped for RTL languages.
  • light -- Whether the opacity of the icon should be reduced.
  • baseline Whether the icon needs to be aligned to the baseline.
Annotations
  • @Component(selector: 'material-icon', templateUrl: 'material_icon.html', styleUrls: ['material_icon.scss.css'], changeDetection: ChangeDetectionStrategy.onPush)

Constructors

MaterialIconComponent(HtmlElement _element)

Properties

hashCode int
The hash code for this object.
no setterinherited
icon ← dynamic
The Icon model (lib/model/ui/icon.dart) or icon identifier (String) this component should display.
no getter
iconName String
The icon identifier.
no setter
runtimeType Type
A representation of the runtime type of the object.
no setterinherited

Methods

noSuchMethod(Invocation invocation) → dynamic
Invoked when a nonexistent method or property is accessed.
inherited
toString() String
A string representation of this object.
inherited

Operators

operator ==(Object other) bool
The equality operator.
inherited