Lunacon Icons

Icons

The Icon set is part of the Lunacon Font package and is very easy to use as icon or unicode. As a font you simply need to create a <i></i> element and adding the following classes lunacon lunacon-{name} 

<i class="lunacon lunacon-{name}"></i>
<!-- example -->
<i class="lunacon lunacon-moon"></i>
<i class="lunacon lunacon-moon-solid"></i>
<i class="lunacon lunacon-bell"></i>
moon
moon-solid
navicon
close
close-small
dailer
dailer-solid
bell
bell-solid
bell-mute
bell-mute-solid
star
star-solid
star-half
star-half-solid
chevron-down
chevron-up
chevron-right
chevron-left
user
user-delete
user-solid
user-delete-solid
users
users-solid
checkmark
checkmark-small
home
home-solid
cloud
cloud-solid
cloud-check
cloud-check-solid
microphone
thumbs-up
thumbs-up-solid
thumbs-down
thumbs-down-solid
search
search-min
search-zoom
shield
shield-lock-solid
pencil
dashboard
download
upload
address-book
key
logout
login
tag
list
cone
code-fork
fire
gears
giftbox
mail-envelope
management
message
sent-mail
settings-tool
smartphonel
android
cloud-computing
drag
heartbeat
keys-hole
roboto
sky
sound-waves
tractor
wordpress
beer
alarm-clock
clock
calendar
coffee
box-opened
document
drop
help
info
light-bulb
share
spoon-and-fork
stop
tag
tags
test
trash
wifi
anchor
bathtub
bed
book
books
bull-horn
chef
cpu
delivery-truck
file
files
file-delete
folder
garage
grid
line-chart-up
line-chart-down
paper-clip
paw
pet-friendly
plug
power-button
push-pin
route
tap
weight
bug
camera
csv
doc
double-bed
earth
eye
flask
funnel
gif
hand-click
hand-plant
html
mpeg
pdf
pie-chart
psd
screwdriver
steering
swim
truck
wheel
back-arrow
forward-arrow
books-stack
cosmetics
heart
heart-solid
lips
lipstick
haircut
open-door
open-razor
razor
handsoap
student-cap
watch
add
minus
equal
expand
focus
shuffle

eCommerce

cart
cart-solid
basket
basket-solid
gift

Social Media

facebook
linkedin
youtube
youtube-play-button
twitter
twitter-bird
github
github-round
github-round-o
google-play
google-plus
google-plus-g
slack
whatsapp

Payment

paypal
paypal-p
bitcoin

Media

play
stop
pause
sound
sound-waves
sound-mute
forward
backward
skip-next
skip-back

Icon Sizes

There are 5 predefined font sizes to choose from. Simply add lunacon--size-x{factor}. Factor range 1 - 5

      
<i class="lunacon lunacon-moon-solid lunacon--size-x1"></i>
<i class="lunacon lunacon-moon-solid lunacon--size-x2"></i>
<i class="lunacon lunacon-moon-solid lunacon--size-x3"></i>
<i class="lunacon lunacon-moon-solid lunacon--size-x4"></i>
<i class="lunacon lunacon-moon-solid lunacon--size-x5"></i>