moonstone/Icon

Provides Moonstone styled icon components and behaviors.

import Icon from '@enact/moonstone/Icon';

Members

IconComponent

A Moonstone-styled icon.

import Icon from '@enact/moonstone/Icon';

IconBaseComponent

Renders a moonstone-styled icon without any behavior.

import {IconBase} from '@enact/moonstone/Icon';
Extends: ui/Icon.Icon
Properties
size
'large''small'

The size of the icon.

Default: 'small'

IconDecoratorHigher-Order Component

Moonstone-specific behaviors to apply to IconBase.

import {IconDecorator} from '@enact/moonstone/Icon';

iconListObject

An object whose keys can be used as the child of an Icon component.

List of Icons:

plus
minus
arrowhookleft
arrowhookright
ellipsis
check
circle
stop
play
pause
forward
backward
skipforward
skipbackward
pauseforward
pausebackward
pausejumpforward
pausejumpbackward
jumpforward
jumpbackward
denselist
bulletlist
list
drawer
arrowlargedown
arrowlargeup
arrowlargeleft
arrowlargeright
arrowsmallup
arrowsmalldown
arrowsmallleft
arrowsmallright
closex
search
rollforward
rollbackward
exitfullscreen
fullscreen
arrowshrinkleft
arrowshrinkright
arrowextend
arrowshrink
flag
funnel
trash
star
hollowstar
halfstar
gear
plug
lock
forward15
back15
continousplay
playlist
resumeplay
image
audio
music
languages
cc
ccon
ccoff
sub
recordings
livezoom
liveplayback
liveplaybackoff
repeat
repeatoff
series
repeatdownload
view360
view360off
info
cycle
bluetoothoff
verticalellipsis
arrowcurveright
picture
home
warning
scroll
densedrawer
starminus
liverecord
liveplay
contrast
edit
trashlock
arrowrightskip
volumecycle
movecursor
refresh
question
questionreversed
s
repeatone
repeatall
repeatnone
speakers
koreansubtitles
chinesesubtitles
arrowleftprevious
searchfilled
zoomin
zoomout
playlistadd
files
arrowupdown
brightness
download
playlistedit
font
musicon
musicoff
liverecordone
liveflagone
shuffle
sleep
notification
notificationoff
checkselection
ArrayBooleanFunctionModuleNumberObjectString