Functional icons
You can use the functional icons to accompany any action or informational label in your application. Provided in one icon-font. The icon will inherit the color you define, so change his color by adjusting the color on the icon or on his parents.
Example
1
<span class="ox-icon ox-icon--calendar"></span>
Below you find a list of all the available icons in the functional set and their respective class-name. We now provide the basic set but it will grow over time.
All functional icons
-
ox-icon--chevron-up -
ox-icon--chevron-down -
ox-icon--chevron-left -
ox-icon--chevron-right -
ox-icon--add -
ox-icon--cancel -
ox-icon--plus -
ox-icon--close -
ox-icon--lightbulb -
ox-icon--thumb-up -
ox-icon--danger -
ox-icon--error -
ox-icon--info -
ox-icon--help -
ox-icon--search -
ox-icon--filter -
ox-icon--settings -
ox-icon--wrench -
ox-icon--wrench-full -
ox-icon--duplicate -
ox-icon--copy -
ox-icon--paste -
ox-icon--undo -
ox-icon--edit -
ox-icon--trash -
ox-icon--archive -
ox-icon--show -
ox-icon--hide -
ox-icon--refresh -
ox-icon--subitem -
ox-icon--swap -
ox-icon--switch -
ox-icon--user -
ox-icon--users -
ox-icon--power -
ox-icon--lock -
ox-icon--unlock -
ox-icon--arrow-left -
ox-icon--arrow-right -
ox-icon--home -
ox-icon--drag-drop -
ox-icon--dimensions -
ox-icon--minimize -
ox-icon--maximize -
ox-icon--ellipsis-vertical -
ox-icon--time -
ox-icon--timezone -
ox-icon--stopwatch -
ox-icon--calendar -
ox-icon--graph -
ox-icon--link -
ox-icon--external-link -
ox-icon--upload -
ox-icon--download -
ox-icon--location -
ox-icon--camera -
ox-icon--no-camera -
ox-icon--scan-qrcode -
ox-icon--scan-barcode -
ox-icon--block -
ox-icon--check -
ox-icon--play -
ox-icon--pause -
ox-icon--stop -
ox-icon--mail -
ox-icon--phone -
ox-icon--file -
ox-icon--folder -
ox-icon--comment -
ox-icon--payment -
ox-icon--cash -
ox-icon--trade -
ox-icon--print -
ox-icon--support -
ox-icon--transport -
ox-icon--van -
ox-icon--project -
ox-icon--operator -
ox-icon--goal -
ox-icon--flag -
ox-icon--star -
ox-icon--star-full -
ox-icon--no-rating -
ox-icon--counter -
ox-icon--depot -
ox-icon--fingerprint -
ox-icon--credit-note -
ox-icon--damage-report -
ox-icon--delivery-confirmation -
ox-icon--invoice -
ox-icon--rental-end-confirmation -
ox-icon--pickup-confirmation -
ox-icon--order-confirmation -
ox-icon--order-cancelaction -
ox-icon--truck-load -
ox-icon--truck-unload -
ox-icon--language
Machine & accessory icons
All the machine icons can be found in a seperate font set. The code for adding these is similar to the functional icons, you'll just have to use the class ox-machine-icon instead of ox-icon.
Example
1
<span class="ox-machine-icon ox-machine-icon--boomlift-telescopic"></span>
Below you find a list of all the available icons in the machine set and their respective class-name. We now provide the basic set but it will grow over time.
All machine and machine accessory icons
-
ox-machine-icon--placeholder -
ox-machine-icon--frontal-forklift -
ox-machine-icon--rough-terrain-forklift -
ox-machine-icon--scissor-lift -
ox-machine-icon--crawler-scissor-lift -
ox-machine-icon--boomlift-vertical -
ox-machine-icon--boomlift-telescopic -
ox-machine-icon--boomlift-telescopic-large-capacity -
ox-machine-icon--boomlift-telescopic-trax -
ox-machine-icon--crawler-telescopic -
ox-machine-icon--spider-telescopic -
ox-machine-icon--fixed-telescopic-handler -
ox-machine-icon--rotating-telescopic-handler -
ox-machine-icon--boomlift-articulating -
ox-machine-icon--spider-articulating -
ox-machine-icon--crane-crawler-mini -
ox-machine-icon--crane-tower -
ox-machine-icon--truck-mounted-crane-telescopic -
ox-machine-icon--mobile-crane -
ox-machine-icon--sideloader -
ox-machine-icon--truck -
ox-machine-icon--truck-mounted-boomlift -
ox-machine-icon--truck-mounted-boomlift-telescopic -
ox-machine-icon--van -
ox-machine-icon--van-mounted-boomlift -
ox-machine-icon--car -
ox-machine-icon--trailer -
ox-machine-icon--trailer-mounted-boomlift-articulating -
ox-machine-icon--trailer-mounted-boomlift-telescopic -
ox-machine-icon--transporter-2-seater -
ox-machine-icon--transporter-4-seater -
ox-machine-icon--pallettruck-manual -
ox-machine-icon--pallettruck-electric -
ox-machine-icon--pallet-stacker-electric -
ox-machine-icon--pallettruck-seated -
ox-machine-icon--order-picker -
ox-machine-icon--push-around-lift -
ox-machine-icon--push-around-material-lift -
ox-machine-icon--forklift-mast-type-single -
ox-machine-icon--forklift-mast-type-double -
ox-machine-icon--forklift-mast-type-triple -
ox-machine-icon--loading-ramp -
ox-machine-icon--forklift-scoop -
ox-machine-icon--accessory-long-spoons -
ox-machine-icon--accessory-extension-forks -
ox-machine-icon--accessory-big-bag-handler -
ox-machine-icon--accessory-floating-tyne -
ox-machine-icon--accessory-glass-lifting-device -
ox-machine-icon--accessory-hoist -
ox-machine-icon--accessory-hook-searcher -
ox-machine-icon--accessory-hook -
ox-machine-icon--accessory-jib-fly -
ox-machine-icon--accessory-jib-with-hoist -
ox-machine-icon--accessory-jib -
ox-machine-icon--accessory-remote-control -
ox-machine-icon--accessory-safety-cage-expand -
ox-machine-icon--accessory-safety-cage -
ox-machine-icon--accessory-box-tipper -
ox-machine-icon--accessory-fork-positioner -
ox-machine-icon--accessory-four-fork-gear -
ox-machine-icon--accessory-operator-cabin -
ox-machine-icon--accessory-rotator -
ox-machine-icon--accessory-rotator-180 -
ox-machine-icon--fuel-pump -
ox-machine-icon--accessory-battery -
ox-machine-icon--accessory-generator -
ox-machine-icon--accessory-tire -
ox-machine-icon--transmission -
ox-machine-icon--engine-thermal-diesel -
ox-machine-icon--engine-hybrid -
ox-machine-icon--engine-thermal-gas -
ox-machine-icon--engine-electrical -
ox-machine-icon--engine-manual -
ox-machine-icon--accessory-safety -
ox-machine-icon--safety-harness