Icon
Overview of the Icon Component
Ionicons is a completely open-source icon set with 700+ icons crafted for web, iOS, Android, and desktop apps. Ionicons was built for Ionic Framework, so icons have both Material Design and iOS versions. When used with Ionic, the <ion-icon> component will automatically use the correct version based on your platform. Additionally, when used outside of Ionic, both iOS and MD platforms can be chosen by the application.
Properties
Important Note!
This document lists the properties that are specific to this particular UI component.
To check for the properties common for most UI components, please check the General components document.
The Icon component has the following Common properties:
| Property Name | Property Description |
|---|---|
| Name | Ionic icons. Click the default logo-ionic button to open the Select icon modal window. |
| SVG Icon | Allow selecting a custom icon .svg, puts its Url in the <src> attribute. The external file can only be valid .svg and does not allow scripts or events within the .svg element.Click the Change button to select the uploaded image from Media Manager. |
Styles Properties
Under the Styles tab, icons can be styled with several attributes to look like in a specific way:
| Property Name | Property Description |
|---|---|
| Icon Color | Select CSS color from the available colors: Primary, Secondary, Tertiary, Success, Warning, Danger, Light, Medium, Dark, and Custom or use the Color-picker. |
| Size | The icon size. Possible values are: Small or Large. |
Visit the Ionic documentation to learn more about Icons.
Updated about 5 hours ago