Icons


action-redo
action-undo
actual-size
anchor
android
arrow-down-circle
arrow-down
arrow-left-circle
arrow-left
arrow-right-circle
arrow-right
arrow-up-circle
arrow-up
badge
bag
ban
bar-chart
barcode
basket-loaded
basket
bell
bitcoin
bold
book-open
briefcase
browser
brush
bubbles
bubble
bug
building
bulb
calculator-alt
calculator
calendar
call-end
call-in
call-out
camera
camrecorder
chart
check
chemistry
circle
circle_thin
clock
close
cloud-download
cloud-upload
code
compass
config
control-end
control-forward
controller
control-pause
control-play
control-rewind
control-start
copyright
credit-card
crome
crop
cross
cup
cursor-move
cursor
cut
database
diamond
directions
direction
disc
dislike
docs
doc
dollar
drawer
dribbble
dropbox
drop
earphones-alt
earphones
edge
emotsmile
energy
envelope-letter
envelope-open
envelope
equalizer
euro
event
exclamation
eyeglasses
eye
facebook
feed
female-user
film
filter
fingerprint
firefox
fire
flag
folder-alt
folder
font
frame
friends
full-screen
game-controller
ghost
globe-alt
globe
graduation
graph
grid
handbag
headphones-microphone
headphones
heart
help
history
home
hourglass
ie
info
italic
key
layers
left
like
link
linux
lira
list
loading
location-pin
lock-open
lock
login
logout
loop
macos
mac
magic-wand
magnet
magnifier-add
magnifier-remove
magnifier
map
menu
microphone
minus
modules
module
money
monitor
mouse
moustache
move
music-tone-alt
music-tone
mustache
new-doc
notebook
note
number-list
open
options
options-vertical
orchid-old
orchid
organization
os
paper-clip
paper-plane
paste
paypal
pencil
people
phone
photo
picture
pie-chart
pin
plane
playlist
plus-alt
plus
pointer
pound
power
present
printer
puzzle
question
quote
refresh
reload
right
rocket
rub
rupee
safari
save-alt
save
screen-desktop
screen-smartphone
screen-tablet
server
settings
share-alt
share
shekel
shield
shuffle
size-actual
size-fullscreen
social-behance
social-dribbble
social-dropbox
social-facebook
social-foursqare
social-github
social-google
social-instagram
social-linkedin
social-pintarest
social-reddit
social-skype
social-soundcloud
social-spotify
social-steam
social-stumbleupon
social-tumblr
social-twitter
social-vkontakte
social-youtube
sort-alpha-asc
sort-alpha-desc
sort-amount-asc
sort-amount-desc
sort-numeric-asc
sort-numeric-desc
speech
speedometer
star
start
support
symble-female
symbol-male
table
tablet
tag
target
task
text-center
text-left
text-middle
text-right
trash
trophy
tumblr
twitter
umbrella
unfollow
unlock
user-female
user-following
user-follow
user
user-unfollow
vector
video
volume-1
volume-2
volume-off
wallet
windows
wrench
yen
youtube

The source code is located on github

Custom Icons

Let's say we want to include an icon from the popular Font Awesome. To do this, select a suitable storage directory, for example, create a new icons directory and a fontawesome subdirectory:

resources
  - css 
  - icons
      -- fontawesome 
  - js
  - lang
  - views

Load the appropriate icons into the new directory, for example, this notebook icon. Then we will indicate to the package the directory in which we need to search for our images, for this we will edit the configuration file config/platform.php:

'icons' => [
    'fa' => resource_path('icons/fontawesome')
],

All we have done here is declare the prefix by which we will refer to fa and the directory where the files are located. To display in the components of the package, you only need to pass the prefix + name, for example, the definition of the icon in the menu will look like this:

ItemMenu::label('Example of custom icons')
    ->icon('fa.address-book')
    ->url(#);

You can also use the icons outside of the admin panel using the Blade component.