UI icons

Odoo’s user interface mostly relies on FontAwesome4 icons.

To cover FontAwesome’s lack of iconography for specific functionalities, we designed our own icon-font. These icons can be rendered using the main oi class in conjunction with the specific icon class.

Example

<i class="oi oi-odoo"/>

Icons

oi-odoo
oi-view
oi-view-kanban
oi-view-list
oi-view-cohort
oi-view-pivot
oi-text-break
oi-text-inline
oi-text-wrap
oi-text-effect
oi-search
oi-group
oi-settings-adjust
oi-panel-right
oi-launch
oi-apps
oi-studio
oi-voip
oi-gif-picker
oi-close
oi-chevron-down
oi-chevron-left
oi-chevron-right
oi-chevron-up
oi-arrows-h
oi-arrows-v
oi-arrow-down-left
oi-arrow-down-right
oi-arrow-down
oi-arrow-left
oi-arrow-right
oi-arrow-up-left
oi-arrow-up-right
oi-arrow-up
oi-draggable
oi-archive
oi-unarchive
oi-smile-add

RTL adaptations

Directional icons have RTL adaptations which flip the icons by 180 degrees when an RTL language is selected.

oi-chevron-left
oi-chevron-right
oi-arrow-down-left
oi-arrow-down-right
oi-arrow-left
oi-arrow-right
oi-arrow-up-left
oi-arrow-up-right