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