| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
color |
color |
The color to use for the background of the item. | string | undefined |
undefined |
flipRtl |
flip-rtl |
Specifies whether the icon should horizontally flip when dir is "rtl". |
boolean | undefined |
undefined |
icon |
icon |
A combination of both name and src. If a src url is detected it will set the src property. Otherwise it assumes it's a built-in named SVG and set the name property. |
IoniconSource | undefined |
undefined |
ios |
ios |
Specifies which icon to use on ios mode. |
string | undefined |
undefined |
lazy |
lazy |
If enabled, ion-icon will be loaded lazily when it's visible in the viewport. Default, false. |
boolean |
false |
md |
md |
Specifies which icon to use on md mode. |
string | undefined |
undefined |
mode |
mode |
The mode determines which platform styles to use. | string |
getIonMode() |
name |
name |
Specifies which icon to use from the built-in set of icons. | IoniconName | undefined |
undefined |
sanitize |
sanitize |
When set to false, SVG content that is HTTP fetched will not be checked if the response SVG content has any <script> elements, or any attributes that start with on, such as onclick. |
boolean |
true |
size |
size |
The size of the icon. Available options are: "small" and "large". |
string | undefined |
undefined |
src |
src |
Specifies the exact src of an SVG file to use. |
string | undefined |
undefined |
Built with StencilJS