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!