diff --git a/app/assets/fonts/openproject_icon/openproject-icon-font.svg b/app/assets/fonts/openproject_icon/openproject-icon-font.svg
index 36e14d52484..f93fb3aef32 100644
--- a/app/assets/fonts/openproject_icon/openproject-icon-font.svg
+++ b/app/assets/fonts/openproject_icon/openproject-icon-font.svg
@@ -2,764 +2,767 @@
diff --git a/app/assets/fonts/openproject_icon/openproject-icon-font.ttf b/app/assets/fonts/openproject_icon/openproject-icon-font.ttf
index f2243070dc0..b79e0e690c3 100644
Binary files a/app/assets/fonts/openproject_icon/openproject-icon-font.ttf and b/app/assets/fonts/openproject_icon/openproject-icon-font.ttf differ
diff --git a/app/assets/fonts/openproject_icon/openproject-icon-font.woff b/app/assets/fonts/openproject_icon/openproject-icon-font.woff
index 7ed9bef2a28..54bde921a01 100644
Binary files a/app/assets/fonts/openproject_icon/openproject-icon-font.woff and b/app/assets/fonts/openproject_icon/openproject-icon-font.woff differ
diff --git a/app/assets/fonts/openproject_icon/openproject-icon-font.woff2 b/app/assets/fonts/openproject_icon/openproject-icon-font.woff2
index 4f711ffc89d..a1b3786c688 100644
Binary files a/app/assets/fonts/openproject_icon/openproject-icon-font.woff2 and b/app/assets/fonts/openproject_icon/openproject-icon-font.woff2 differ
diff --git a/app/assets/stylesheets/fonts/_openproject_icon_definitions.scss b/app/assets/stylesheets/fonts/_openproject_icon_definitions.scss
index 272990dbd5b..68cde610494 100644
--- a/app/assets/stylesheets/fonts/_openproject_icon_definitions.scss
+++ b/app/assets/stylesheets/fonts/_openproject_icon_definitions.scss
@@ -1432,81 +1432,87 @@
.icon-view-split:before {
content: "\f1ee";
}
-@mixin icon-mixin-view-timeline {
+@mixin icon-mixin-view-split2 {
content: "\f1ef";
}
-.icon-view-timeline:before {
+.icon-view-split2:before {
content: "\f1ef";
}
-@mixin icon-mixin-warning {
+@mixin icon-mixin-view-timeline {
content: "\f1f0";
}
-.icon-warning:before {
+.icon-view-timeline:before {
content: "\f1f0";
}
-@mixin icon-mixin-watched {
+@mixin icon-mixin-warning {
content: "\f1f1";
}
-.icon-watched:before {
+.icon-warning:before {
content: "\f1f1";
}
-@mixin icon-mixin-wiki-edit {
+@mixin icon-mixin-watched {
content: "\f1f2";
}
-.icon-wiki-edit:before {
+.icon-watched:before {
content: "\f1f2";
}
-@mixin icon-mixin-wiki {
+@mixin icon-mixin-wiki-edit {
content: "\f1f3";
}
-.icon-wiki:before {
+.icon-wiki-edit:before {
content: "\f1f3";
}
-@mixin icon-mixin-wiki2 {
+@mixin icon-mixin-wiki {
content: "\f1f4";
}
-.icon-wiki2:before {
+.icon-wiki:before {
content: "\f1f4";
}
-@mixin icon-mixin-work-packages {
+@mixin icon-mixin-wiki2 {
content: "\f1f5";
}
-.icon-work-packages:before {
+.icon-wiki2:before {
content: "\f1f5";
}
-@mixin icon-mixin-workflow {
+@mixin icon-mixin-work-packages {
content: "\f1f6";
}
-.icon-workflow:before {
+.icon-work-packages:before {
content: "\f1f6";
}
-@mixin icon-mixin-yes {
+@mixin icon-mixin-workflow {
content: "\f1f7";
}
-.icon-yes:before {
+.icon-workflow:before {
content: "\f1f7";
}
-@mixin icon-mixin-zen-mode {
+@mixin icon-mixin-yes {
content: "\f1f8";
}
-.icon-zen-mode:before {
+.icon-yes:before {
content: "\f1f8";
}
-@mixin icon-mixin-zoom-auto {
+@mixin icon-mixin-zen-mode {
content: "\f1f9";
}
-.icon-zoom-auto:before {
+.icon-zen-mode:before {
content: "\f1f9";
}
-@mixin icon-mixin-zoom-in {
+@mixin icon-mixin-zoom-auto {
content: "\f1fa";
}
-.icon-zoom-in:before {
+.icon-zoom-auto:before {
content: "\f1fa";
}
-@mixin icon-mixin-zoom-out {
+@mixin icon-mixin-zoom-in {
content: "\f1fb";
}
-.icon-zoom-out:before {
+.icon-zoom-in:before {
content: "\f1fb";
}
+@mixin icon-mixin-zoom-out {
+ content: "\f1fc";
+}
+.icon-zoom-out:before {
+ content: "\f1fc";
+}
diff --git a/app/assets/stylesheets/fonts/_openproject_icon_font.lsg b/app/assets/stylesheets/fonts/_openproject_icon_font.lsg
index 6fa2e5879ba..0dcf1e0f3ca 100644
--- a/app/assets/stylesheets/fonts/_openproject_icon_font.lsg
+++ b/app/assets/stylesheets/fonts/_openproject_icon_font.lsg
@@ -241,6 +241,7 @@
view-fullscreen
view-list
view-split
+view-split2
view-timeline
warning
watched
diff --git a/frontend/src/app/modules/bim/ifc_models/pages/viewer/bim-view.service.ts b/frontend/src/app/modules/bim/ifc_models/pages/viewer/bim-view.service.ts
index 00278041738..a7dc336312d 100644
--- a/frontend/src/app/modules/bim/ifc_models/pages/viewer/bim-view.service.ts
+++ b/frontend/src/app/modules/bim/ifc_models/pages/viewer/bim-view.service.ts
@@ -45,11 +45,17 @@ export class BimViewService implements OnDestroy {
private _state = input();
public text:any = {
- list: this.I18n.t('js.ifc_models.views.list'),
+ list: this.I18n.t('js.views.card'),
viewer: this.I18n.t('js.ifc_models.views.viewer'),
split: this.I18n.t('js.ifc_models.views.split')
};
+ public icon:any = {
+ list: 'icon-view-card',
+ viewer: 'icon-modules',
+ split: 'icon-view-split2'
+ };
+
private transitionFn:Function;
constructor(readonly I18n:I18nService,
diff --git a/frontend/src/app/modules/bim/ifc_models/toolbar/view-toggle/bim-view-toggle-button.component.ts b/frontend/src/app/modules/bim/ifc_models/toolbar/view-toggle/bim-view-toggle-button.component.ts
index 20d57919624..8ac18cd166c 100644
--- a/frontend/src/app/modules/bim/ifc_models/toolbar/view-toggle/bim-view-toggle-button.component.ts
+++ b/frontend/src/app/modules/bim/ifc_models/toolbar/view-toggle/bim-view-toggle-button.component.ts
@@ -37,6 +37,7 @@ import {BimViewService} from "core-app/modules/bim/ifc_models/pages/viewer/bim-v