Moon liveview storybook Moon Liveview Storybook

Icons

Icons are a set of symbols and pictograms that are used to represent objects or actions. To use an icon component, add required name attribute with the icon name. To style the icon, you can add classes to it: icon-xxxx for changing color and size-space-XX for changing size.

We are using a subset of Hugeicons Pro icons under a Special License Agreement No: 1265530. 

  <.icon name="adventure" />
  <.icon name="adventure" class="text-secondary size-space-24" />

List of outline icons

4k
add-column
adventure
agreement
airplane-landing
airplane-take-off
airplane
alert-02
alert
american-football
android
animation
anonymous
apple
archery
arrow-down-left
arrow-down-right
arrow-down
arrow-left-right
arrow-left
arrow-right
arrow-up-left
arrow-up-right-02
arrow-up-right
arrow-up
athletics
atm
attachment
audit
award-02
award
backpack
badminton
bank
bar-chart
baseball
basketball
beach
bed
biathlon
bicycle
billiard
bitcoin-02
bitcoin-03
bitcoin-04
bitcoin-05
bitcoin
bluetooth
boat
bombay
bookmark-02
bookmark-add
bookmark-remove
bookmark
bowling
boxing
briefcase
bus
cake
calendar
car
cards-02
cards
chat
check-circle
check-security
check-verified
check
cherry
chess
chevron-down
chevron-left
chevron-right
chevron-up
chip
circle
clapping
clock
close-circle
close
cloud-download
cloud-upload
coins-02
coins
computer-phone
computer
configuration
controller
cookie
copy
coupon
credit-card
cricket
csv
curling
darts
dashboard
diamond
dice
dollar-02
dollar-03
dollar
domino
dota
dots-horizontal
dots-vertical
download
drag-drop-vertical
edit-02
edit-off
edit
electric-scooter
energy
equals
ethereum
euro-02
euro-03
euro
exchange
expand-02
expand
eye-off-02
eye-off
eye
face-happy
face-neutral
face-sad
face-sleeping
facebook
fencing
fighting
file-add
file-download
file
filter-add
filter
fire
flip-backward
flip-forward
football
gift-card
gift
globe
golf
greek-helmet
gun
gymnastics
heart
help
hockey
home
hotel
ice-hockey
ice-skating
idea-02
idea
identification-02
identification-verified
identification
image
info
instagram
invoice-02
invoice-03
invoice-bitcoin
invoice
joker
joystick
kayak
key
keyboard
language
laptop
layout-02
layout-03
layout
lightning
line-chart
line
link-02
link-backward
link-broken-02
link-broken
link-external
link
list-bullet
list-number
list
loading
location-02
location
lock-security
lock-unlocked
lock
login
logout
luggage-off
luggage
magic-wand
mail-02
mail
maze
megaphone
menu-02
menu-03
menu
minus-circle
minus
money-flow
moon
motorbike
mouse
muscles
notification-off
notification
olympic-torch
on-off
overwatch
personnel-02
personnel-03
personnel
phone
photo-camera
pie-chart
piggy-bank
pin
play-circle
plug
plus-circle
plus
pool-table
pool
potion
pound-02
pound-03
pound
printer
property-add
property
puzzle
qr-code
racing-flag
recent
refresh
reload
reverse-flip-backward
reverse-flip-forward
rocket
roller-skating
safe
sailboat
search-02
search
settings-02
settings
share
ship
shopping-bag
shopping-cart
shrink-02
shrink
shuffle
sidebar-left
sidebar-right
skull
slash-circle
smart-phone
spaceship
speed-02
speed
sportsbet
square-arrow-down
square-arrow-left
square-arrow-right
square-arrow-up
square
squash
star
stopwatch
suit-clubs
suit-diamonds
suit-spades
suitcase
sun
support
surfboard
swimming
table-tennis
tag-discount
tag
target
task
taxi
telegram
tennis
text-align-center
text-align-left
text-align-right
text-bold
text-italic
text-strikethrough
text-underline
theme
thumbs-down
thumbs-up
ticket-02
ticket-star
ticket
tiktok
time-schedule
tips
train
trash
trend-down
trend-up
triangle
trophy
tv
unfold-less
unfold-more
upload
user-circle
user-edit
user-settings
user-verified
user
users-group
users
video-camera
video
volleyball
volume-off
volume
vr-glasses
wallet-02
wallet-bitcoin
wallet
water-polo
weight-lifting
wellness
wifi
wind-surf
x
yen-02
yen-03
yen

List of filled icons

alert-02-filled
alert-filled
atm-filled
bank-filled
bitcoin-05-filled
card-exchange-filled
check-circle-filled
check-filled
chevron-down-filled
chevron-left-filled
chevron-right-filled
chevron-up-filled
circle-filled
close-circle-filled
close-filled
coins-02-filled
coupon-filled
credit-card-filled
exchange-filled
gift-filled
heart-filled
help-filled
home-filled
info-filled
instagram-filled
loading-filled
minus-circle-filled
minus-filled
money-flow-filled
moon-filled
notification-filled
plus-circle-filled
plus-filled
safe-filled
slash-circle-filled
star-filled
sun-filled
telegram-filled
trash-filled
wallet-02-filled
wallet-filled
x-filled