| commit | author | age | ||
| 83c3f6 | 1 | # ion-icon |
| SP | 2 | |
| 3 | ||
| 4 | ||
| 5 | <!-- Auto Generated Below --> | |
| 6 | ||
| 7 | ||
| 8 | ## Properties | |
| 9 | ||
| 10 | #### ariaLabel | |
| 11 | ||
| 12 | string | |
| 13 | ||
| 14 | Specifies the label to use for accessibility. Defaults to the icon name. | |
| 15 | ||
| 16 | ||
| 17 | #### color | |
| 18 | ||
| 19 | string | |
| 20 | ||
| 21 | The color to use from your Sass `$colors` map. | |
| 22 | Default options are: `"primary"`, `"secondary"`, `"danger"`, `"light"`, and `"dark"`. | |
| 23 | For more information, see [Theming your App](/docs/theming/theming-your-app). | |
| 24 | ||
| 25 | ||
| 26 | #### ios | |
| 27 | ||
| 28 | string | |
| 29 | ||
| 30 | Specifies which icon to use on `ios` mode. | |
| 31 | ||
| 32 | ||
| 33 | #### md | |
| 34 | ||
| 35 | string | |
| 36 | ||
| 37 | Specifies which icon to use on `md` mode. | |
| 38 | ||
| 39 | ||
| 40 | #### name | |
| 41 | ||
| 42 | string | |
| 43 | ||
| 44 | Specifies which icon to use. The appropriate icon will be used based on the mode. | |
| 45 | For more information, see [Ionicons](/docs/ionicons/). | |
| 46 | ||
| 47 | ||
| 48 | #### size | |
| 49 | ||
| 50 | string | |
| 51 | ||
| 52 | The size of the icon. | |
| 53 | Available options are: `"small"` and `"large"`. | |
| 54 | ||
| 55 | ||
| 56 | ## Attributes | |
| 57 | ||
| 58 | #### aria-label | |
| 59 | ||
| 60 | string | |
| 61 | ||
| 62 | Specifies the label to use for accessibility. Defaults to the icon name. | |
| 63 | ||
| 64 | ||
| 65 | #### color | |
| 66 | ||
| 67 | string | |
| 68 | ||
| 69 | The color to use from your Sass `$colors` map. | |
| 70 | Default options are: `"primary"`, `"secondary"`, `"danger"`, `"light"`, and `"dark"`. | |
| 71 | For more information, see [Theming your App](/docs/theming/theming-your-app). | |
| 72 | ||
| 73 | ||
| 74 | #### ios | |
| 75 | ||
| 76 | string | |
| 77 | ||
| 78 | Specifies which icon to use on `ios` mode. | |
| 79 | ||
| 80 | ||
| 81 | #### md | |
| 82 | ||
| 83 | string | |
| 84 | ||
| 85 | Specifies which icon to use on `md` mode. | |
| 86 | ||
| 87 | ||
| 88 | #### name | |
| 89 | ||
| 90 | string | |
| 91 | ||
| 92 | Specifies which icon to use. The appropriate icon will be used based on the mode. | |
| 93 | For more information, see [Ionicons](/docs/ionicons/). | |
| 94 | ||
| 95 | ||
| 96 | #### size | |
| 97 | ||
| 98 | string | |
| 99 | ||
| 100 | The size of the icon. | |
| 101 | Available options are: `"small"` and `"large"`. | |
| 102 | ||
| 103 | ||
| 104 | ||
| 105 | ---------------------------------------------- | |
| 106 | ||
| 107 | *Built with [StencilJS](https://stenciljs.com/)* | |
