TypeRocket v1 Pro users can now upgrade to TypeRocket v5 at their convenience.
Icons
( v1 )
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 \TypeRocket\Extensions\DevTools extension and browse the list of icons on the "Dev" admin page it creates.
Dashicons
In the config/app.php file you can replace \TypeRocket\Elements\Icons with \TypeRocket\Elements\DashIcons. This will remove TypeRocket icons and use WordPress icons only. Keep in mind you can use dash icons even if \TypeRocket\Elements\Icons is used.
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 enclosed in single quotes.
Finally, in the config/app.php file, switch the icon setting out for your new class.
'icons' => \App\MyIcons::class,
TypeRocket 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!