[FIX] developer/reference/icons: update Odoo UI icon font

closes odoo/documentation#16014

Task: https://www.odoo.com/odoo/project/3835/tasks/5492533
Signed-off-by: Niki Brown (nikbr) <nikbr@odoo.com>
This commit is contained in:
Niki Brown
2026-01-21 14:53:53 +00:00
committed by Chrysanthe (chgo)
parent db82aa4e5b
commit 9746f84b04
4 changed files with 254 additions and 0 deletions

View File

@@ -294,6 +294,230 @@ class.
</div>
</div>
<div class="o_icon_card col-6 col-sm-4 col-md-3 mb-3">
<div class="card text-center">
<i class="oi oi-close h1 p-4"></i>
<code>oi-close</code>
</div>
</div>
<div class="o_icon_card col-6 col-sm-4 col-md-3 mb-3">
<div class="card text-center">
<i class="oi oi-food-delivery h1 p-4"></i>
<code>oi-food-delivery</code>
</div>
</div>
<div class="o_icon_card col-6 col-sm-4 col-md-3 mb-3">
<div class="card text-center">
<i class="oi oi-activity h1 p-4"></i>
<code>oi-activity</code>
</div>
</div>
<div class="o_icon_card col-6 col-sm-4 col-md-3 mb-3">
<div class="card text-center">
<i class="oi oi-activity-plus h1 p-4"></i>
<code>oi-activity-plus</code>
</div>
</div>
<div class="o_icon_card col-6 col-sm-4 col-md-3 mb-3">
<div class="card text-center">
<i class="oi oi-schedule-today h1 p-4"></i>
<code>oi-schedule-today</code>
</div>
</div>
<div class="o_icon_card col-6 col-sm-4 col-md-3 mb-3">
<div class="card text-center">
<i class="oi oi-schedule-tomorrow h1 p-4"></i>
<code>oi-schedule-tomorrow</code>
</div>
</div>
<div class="o_icon_card col-6 col-sm-4 col-md-3 mb-3">
<div class="card text-center">
<i class="oi oi-schedule-later h1 p-4"></i>
<code>oi-schedule-later</code>
</div>
</div>
<div class="o_icon_card col-6 col-sm-4 col-md-3 mb-3">
<div class="card text-center">
<i class="oi oi-backspace-o h1 p-4"></i>
<code>oi-backspace-o</code>
</div>
</div>
<div class="o_icon_card col-6 col-sm-4 col-md-3 mb-3">
<div class="card text-center">
<i class="oi oi-numpad h1 p-4"></i>
<code>oi-numpad</code>
</div>
</div>
<div class="o_icon_card col-6 col-sm-4 col-md-3 mb-3">
<div class="card text-center">
<i class="oi oi-record h1 p-4"></i>
<code>oi-record</code>
</div>
</div>
<div class="o_icon_card col-6 col-sm-4 col-md-3 mb-3">
<div class="card text-center">
<i class="oi oi-merge h1 p-4"></i>
<code>oi-merge</code>
</div>
</div>
<div class="o_icon_card col-6 col-sm-4 col-md-3 mb-3">
<div class="card text-center">
<i class="oi oi-transfer h1 p-4"></i>
<code>oi-transfer</code>
</div>
</div>
<div class="o_icon_card col-6 col-sm-4 col-md-3 mb-3">
<div class="card text-center">
<i class="oi oi-suitcase h1 p-4"></i>
<code>oi-suitcase</code>
</div>
</div>
<div class="o_icon_card col-6 col-sm-4 col-md-3 mb-3">
<div class="card text-center">
<i class="oi oi-suitcase-plus h1 p-4"></i>
<code>oi-suitcase-plus</code>
</div>
</div>
<div class="o_icon_card col-6 col-sm-4 col-md-3 mb-3">
<div class="card text-center">
<i class="oi oi-user h1 p-4"></i>
<code>oi-user</code>
</div>
</div>
<div class="o_icon_card col-6 col-sm-4 col-md-3 mb-3">
<div class="card text-center">
<i class="oi oi-user-plus h1 p-4"></i>
<code>oi-user-plus</code>
</div>
</div>
<div class="o_icon_card col-6 col-sm-4 col-md-3 mb-3">
<div class="card text-center">
<i class="oi oi-users h1 p-4"></i>
<code>oi-users</code>
</div>
</div>
<div class="o_icon_card col-6 col-sm-4 col-md-3 mb-3">
<div class="card text-center">
<i class="oi oi-ellipsis-v h1 p-4"></i>
<code>oi-ellipsis-v</code>
</div>
</div>
<div class="o_icon_card col-6 col-sm-4 col-md-3 mb-3">
<div class="card text-center">
<i class="oi oi-ellipsis-h h1 p-4"></i>
<code>oi-ellipsis-h</code>
</div>
</div>
<div class="o_icon_card col-6 col-sm-4 col-md-3 mb-3">
<div class="card text-center">
<i class="oi oi-plus h1 p-4"></i>
<code>oi-plus</code>
</div>
</div>
<div class="o_icon_card col-6 col-sm-4 col-md-3 mb-3">
<div class="card text-center">
<i class="oi oi-minus h1 p-4"></i>
<code>oi-minus</code>
</div>
</div>
<div class="o_icon_card col-6 col-sm-4 col-md-3 mb-3">
<div class="card text-center">
<i class="oi oi-star-plus h1 p-4"></i>
<code>oi-star-plus</code>
</div>
</div>
<div class="o_icon_card col-6 col-sm-4 col-md-3 mb-3">
<div class="card text-center">
<i class="oi oi-subtitle h1 p-4"></i>
<code>oi-subtitle</code>
</div>
</div>
<div class="o_icon_card col-6 col-sm-4 col-md-3 mb-3">
<div class="card text-center">
<i class="oi oi-bluesky h1 p-4"></i>
<code>oi-bluesky</code>
</div>
</div>
<div class="o_icon_card col-6 col-sm-4 col-md-3 mb-3">
<div class="card text-center">
<i class="oi oi-tiktok h1 p-4"></i>
<code>oi-tiktok</code>
</div>
</div>
<div class="o_icon_card col-6 col-sm-4 col-md-3 mb-3">
<div class="card text-center">
<i class="oi oi-discord h1 p-4"></i>
<code>oi-discord</code>
</div>
</div>
<div class="o_icon_card col-6 col-sm-4 col-md-3 mb-3">
<div class="card text-center">
<i class="oi oi-google-play h1 p-4"></i>
<code>oi-google-play</code>
</div>
</div>
<div class="o_icon_card col-6 col-sm-4 col-md-3 mb-3">
<div class="card text-center">
<i class="oi oi-kickstarter h1 p-4"></i>
<code>oi-kickstarter</code>
</div>
</div>
<div class="o_icon_card col-6 col-sm-4 col-md-3 mb-3">
<div class="card text-center">
<i class="oi oi-strava h1 p-4"></i>
<code>oi-strava</code>
</div>
</div>
<div class="o_icon_card col-6 col-sm-4 col-md-3 mb-3">
<div class="card text-center">
<i class="oi oi-threads h1 p-4"></i>
<code>oi-threads</code>
</div>
</div>
<div class="o_icon_card col-6 col-sm-4 col-md-3 mb-3">
<div class="card text-center">
<i class="oi oi-x h1 p-4"></i>
<code>oi-x</code>
</div>
</div>
<div class="o_icon_card col-6 col-sm-4 col-md-3 mb-3">
<div class="card text-center">
<i class="oi oi-x-square h1 p-4"></i>
<code>oi-x-square</code>
</div>
</div>
</section>
RTL adaptations

View File

@@ -60,6 +60,36 @@
.oi-smile-add:before { content: '\e84e'; }
.oi-close:before { content: '\e852'; }
.oi-food-delivery:before { content: '\e82a'; }
.oi-schedule-today:before { content: '\e82c'; }
.oi-schedule-tomorrow:before { content: '\e82d'; }
.oi-schedule-later:before { content: '\e804'; }
.oi-activity:before { content: '\e82f'; }
.oi-activity-plus:before { content: '\e830'; }
.oi-numpad:before { content: '\e833'; }
.oi-transfer:before { content: '\e834'; }
.oi-suitcase:before { content: '\e835'; }
.oi-suitcase-plus:before { content: '\e832'; }
.oi-merge:before { content: '\e836'; }
.oi-record:before { content: '\e837'; }
.oi-backspace-o:before { content: '\e838'; }
.oi-user:before { content: '\e805'; }
.oi-user-plus:before { content: '\e831'; }
.oi-users:before { content: '\e807'; }
.oi-ellipsis-h:before { content: '\e867'; }
.oi-ellipsis-v:before { content: '\e868'; }
.oi-plus:before { content: '\e809'; }
.oi-minus:before { content: '\e80b'; }
.oi-star-plus:before { content: '\e87c'; }
.oi-subtitle:before { content: '\e80e'; }
.oi-threads:before { content: '\e818'; }
.oi-kickstarter:before { content: '\e819'; }
.oi-x:before { content: '\e81a'; }
.oi-x-square:before { content: '\e848'; }
.oi-tiktok:before { content: '\e81b'; }
.oi-bluesky:before { content: '\e81c'; }
.oi-google-play:before { content: '\e81d'; }
.oi-strava:before { content: '\e80f'; }
.oi-discord:before { content: '\e811'; }
/* RTL adaptations. */
/* Flip directional icons by 180 degree. */