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
denselistdrawer
starminus
liverecord
liveplay
contrast
edit
trashlock
volumecycle
movecursor
refresh
question
questionreversed
s
cycleone
cyclea
cyclex
speakers
koreansubtitles
chinesesubtitles
fryingpan
musicnoteplus
files
arrowupdown
brightness
download
musicnoteplusminus
font
musicon
musicoff
ArrayBooleanFunctionModuleNumberObjectString