# ion-icon



<!-- Auto Generated Below -->


## Properties

| 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.                | `any`                  | `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.                                                                                                                                   | `string \| 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](https://stenciljs.com/)*
