New! TypeRocket v5 is now available. See docs.
Access all of Typerocket. Get Pro.
Icons
( v4 )
About Icons
TypeRocket icons are mainly used in the admin menu for custom admin pages and custom post types. To see all of the available icons enable the dev
TypeRocket plugin and browse the list of icons on the "Dev" admin page it creates.
Override Icons
If you want to override the default icons and use your own create a new MyIcons
class in the app
directory as app/MyIcons.php
.
For example, if you wanted to use the Font Awesome fonts for MyIcons
you would need to enqueue the font styles and font files from Font Awesome. Then, assign the correct values to the MyIcons
class.
<?php
namespace App;
use TypeRocket\Elements\Icons;
class MyIcons extends Icons
{
public $fontFamily = 'FontAwesome';
public $fontSize = '17px/1';
public $icons = [
'tags' => '\f02c',
'book' => '\f02d',
'bookmark' => '\f02e',
'rocket' => '\f135',
// ...
];
}
Note: The $icons
property should be an array of the icons name and the CSS content property inclosed in single quotes.
Finally, in the config/app.php
file switch the icon setting out for your new class.
'icons' => \App\MyIcons::class,
Icon List
cog
flag
headphones
qrcode
crosshairs
plane
calendar
magnet
key
cogs
link
flask
paperclip
magic
money
dashboard
umbrella
lightbulb
stethoscope
suitcase
coffee
cutlery
building
ambulance
beer
desktop
laptop
tablet
mobile
gamepad
keyboard
terminal
code
location-arrow
code-fork
puzzle-piece
microphone
shield
fire-extinguisher
anchor
bullseye
ticket
euro
gbp
dollar
rupee
yen
ruble
won
sun
moon
pagelines
wheelchair
space-shuttle
slack
bank
graduation
paw
spoon
cube
cubes
car
tree
life-saver
rebel
send
bomb
soccer
binoculars
plug
newspaper-o
wifi
calculator
eyedropper
paint-brush
area-chart
pie-chart
line-chart
bicycle
bus
diamond
street-view
heartbeat
venus
mars
battery
map-pin
map-signs
map
credit-card-alt
usb
shopping-bag
shopping-basket
envira
wheelchair-alt
home
office
newspaper
pencil
quill
droplet
paint-format
image
images
camera
music
video-camera
dice
bullhorn
podcast
feed
mic
book
books
stack
folder
price-tag
price-tags
barcode
cart
credit-card
envelop
location
location-fill
compass
clock
alarm
bell
stopwatch
printer
tv
drawer
floppy-disk
drive
database
bubble
bubbles
user
users
user-tie
hour-glass
color-wheel
disk
open-disk
search
key2
key3
lock
unlocked
wrench
equalizer
gear
hammer
bug
trophy
gift
glass
glass2
mug
spoon-knife
rocket
meter
gavel
fire
lab
trash
briefcase
truck
road
accessibility
power
clipboard
node-tree
menu
cloud
cloud-download
cloud-upload
sphere
earth
attachment
eye
eye-blocked
bookmark
bookmarks
contrast
brightness-contrast
star-empty
star-half
star-full
heart
heart-broken
man
woman
man-woman
spell-check
volume
loop
infinite
shuffle
checkbox
make-group
scissors
filter
omega
sigma
table
amazon
google
facebook
twitter
steam
github
tux
apple
android
windows
Found a typo? Something is wrong in this documentation? Fork and edit it!