Svonic Overview Introduction Getting Started Svonic Core Buttons and Inputs Button Checkbox Chip Date Picker Input Searchbar Radio Radio Group Range Ripple Effect Segment Segment Button Select Select Option Textarea Toggle Content and Layout App Col Content Grid Refresher Refresher Content Row Data Display Accordion Accordion Group Avatar Badge Card Card Content Card Header Card Subtitle Card Title Icon Ionicon Image Thumbnail Floating Action Fab Fab Button Fab List List and Item Item Item Divider Item Group Item Option Item Options Item Reorder Item Reorder Group Item Sliding Label List List Header Note Overlays Action Sheet Menu Menu Button Menu Toggle Modal Popover Toast Navigation Breadcrumb Breadcrumbs Split Pane Tab Tab Bar Tab Button Tabs Progress Indicators Progress Bar Skeleton Text Spinner Toolbar Buttons Footer Header Title Toolbar Typography Text
Ionicon iOS MD

Component to display an icon from the Ionicons library.

Properties
Name
Type
Default Value
Description
color

danger

dark

light

medium

primary

secondary

success

tertiary

warning

string

undefined
The color to use for the background of the icon.
flipRtl

false

true

undefined

undefined
Specifies whether the icon should horizontally flip when dir is "rtl".
icon

string

undefined

undefined
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.
ios

string

undefined

undefined
Specifies which icon to use on ios mode.
lazy

false

true

false
If enabled, Icon will be loaded lazily when it's visible in the viewport. Default, false.
md

string

undefined

undefined
Specifies which icon to use on md mode.
mode

ios

md

undefined

undefined
The mode determines which platform styles to use.
name

string

undefined

undefined
Specifies which icon to use from the built-in set of icons.
sanitize

false

true

true
When set to false, SVG content that is HTTP fetched will not be checked if the response SVG content has any