Home
Getting Started
Components
AlertAnimateHeightAvatarAvatarListBadgeButtonButtonMenuCalendarCalendarRangeCardCarouselChipClickOutsideContainerContentLoaderCurrencyDataTableDatePickerDateTimePickerDividerDrawerDropdownFloatingActionsGoogleMapGridIconPropsExamplesAvailable IconsIconDotIfInfiniteScrollKW LogoLoaderModalMonthPickerMonthRangeNavIconOptionsTogglePaginationPartnerLogoResponsiveSVG IconSnackbarStaticMapStatusIndicatorTabTableTimePickerToastsTooltip
Forms
Typography
Utilities
Visualization Components
Icon
A visual representation of an action or information. In order to use the icon set, the CDN stylesheet must be included in the HTML:
<linkrel="stylesheet"href="https://d1azc1qln24ryf.cloudfront.net/149221/KW/style-cf.css"/>
Props
className
String
forwardedRef
Custom
icon
String
required
size
'xsmall' │ 'small' │ 'medium' │ 'large' │ 'xlarge'
'medium'
spin
Bool
false
Examples
Default Usage
Size Modifiers
Spin Modifier
Available Icons
All Icons
flag-empty
flag-filled-error
flag-filled
toggle-checkbox-indeterminate
toggle-checkbox-selected
toggle-checkbox
toggle-radio-selected
toggle-radio
close-circle
referrals
checkmark-circle
error-circle
warning-circle
contact-recruit
contact-agent-association-online
contact-agent-association
contact-lead
referrals-inbox
referrals-outbox
agent-site
neighborhood
map-city
map-target-city
opportunities-default
badge-star
img-receive
award
logo-kw
health
tasks
rocket
transactions-submitted
transactions-rejected
transactions-pending
transactions-lost
transactions-cleared
transactions-approved
icon-decreasearrow
icon-increasearrow
icon-nochangearrow
chat-support
labs-feedback
marketplace
mention
map-icon-production
map-icon-grouped
send
marketing-strat
progress-arrow
commission
view-desktop
view-mobile
view-tablet
download
pan
free-draw
point-draw
pie-chart
html
logout
avatar
stage
dollar-sign
minus
plus
archive
poll
dislike-filled
dislike
activity
add
add-shape
arrow-left
arrow-right
attachment
badge
bathroom
bedroom
bell
bold
bold-letter
building
building-with-price
buy
cake
calendar
caret-down
caret-left
caret-right
caret-up
checkmark
cheque
chevron-down
pagination-first
chevron-left
chevron-right
pagination-last
chevron-up
close
comment
comment-filled
commercial
community
contact-add
contact-remove
contact-sync
contacts
contract
copy-to-clipboard
crop
csv
decision
delay
delegate
delete
drag
duplicate
edit
education
efficiency
ellipsis-horizontal
ellipsis-vertical
email
expired
export
external
face
farm
fill-blanks
filter
full-view
funded
grid
hamburger
heart
heart-filled
hide
history
home
home-search
house-in-hand
image
images
import
info
info-filled
italic
layer-down
layer-up
lease
like
like-filled
link
list
listing
lock
lost
luxury
mail-sync
map-pin
maps
market-center
market-share
matched
remove
move-down
move-to-plan
move-up
my-events
my-reports
negotiation
notes
phone
pin-filled
pin
playlists
position
preferences
printer
profile
question
quote
redo
rejected
search
sell
settings
share
share-filled
show
smart-plan
snooze
sort
square-ft
star
star-filled
stats
superscript
symbol-playbook
sync
tag
target
team
text-style
time
touch
underline
undo
unmatched
upload
video-meeting
voice
wardrobe
warning
web
yardsign
zillow
linkedin
facebook
twitter
youtube
instagram