Updated icons (#2831)

mnocon · web-flow · commit e448478a4f96 · 2025-07-21T12:57:16.000+02:00
diff --git a/code_samples/ai_actions/templates/themes/admin/admin/ui/fieldtype/edit/form_fields_binary_ai.html.twig b/code_samples/ai_actions/templates/themes/admin/admin/ui/fieldtype/edit/form_fields_binary_ai.html.twig
@@ -21,7 +21,7 @@
 
         <button {{ ai_macros.attributes(use_ai_btn_attr) }}>
             <svg class="ibexa-icon ibexa-icon--small ibexa-icon--primary">
-                <use xlink:href="{{ ibexa_icon_path('explore') }}"></use>
+                <use xlink:href="{{ ibexa_icon_path('ai') }}"></use>
             </svg>
             {{ 'ibexa_connector_ai.use_ai.label'|trans({}, 'ibexa_connector_ai')|desc('Use AI') }}
         </button>
diff --git a/code_samples/back_office/calendar/config/packages/calendar.yaml b/code_samples/back_office/calendar/config/packages/calendar.yaml
@@ -7,4 +7,4 @@ ibexa:
                         color: '#47BEDB'
                         actions:
                             reschedule:
-                                icon: '/bundles/ibexaplatformicons/img/all-icons.svg#notice'
+                                icon: '/bundles/ibexaadminuiassets/vendors/ids-assets/dist/img/all-icons.svg#alert-error'
diff --git a/code_samples/back_office/image_editor/assets/random_dot/random-dot-stem.js b/code_samples/back_office/image_editor/assets/random_dot/random-dot-stem.js
@@ -26,7 +26,7 @@ ibexa.addConfig(
     {
         label: 'Dot',
         component: Dot,
-        icon: ibexa.helpers.icon.getIconPath('radio-button'), // Path to an icon that will be displayed in the UI
+        icon: ibexa.helpers.icon.getIconPath('form-radio'), // Path to an icon that will be displayed in the UI
         identifier: IDENTIFIER, // The identifier must match the one from the configuration yaml file
     },
     true,
diff --git a/code_samples/back_office/image_editor/assets/random_dot/random-dot.js b/code_samples/back_office/image_editor/assets/random_dot/random-dot.js
@@ -62,7 +62,7 @@ ibexa.addConfig(
     {
         label: 'Dot',
         component: Dot,
-        icon: ibexa.helpers.icon.getIconPath('radio-button'),
+        icon: ibexa.helpers.icon.getIconPath('form-radio'),
         identifier: IDENTIFIER,
     },
     true,
diff --git a/code_samples/back_office/menu/menu_item/src/EventSubscriber/MyMenuSubscriber.php b/code_samples/back_office/menu/menu_item/src/EventSubscriber/MyMenuSubscriber.php
@@ -45,6 +45,6 @@ public function onMainMenuConfigure(ConfigureMenuEvent $event): void
         $menu->removeChild('main__bookmarks');
 
         $menu->getChild('main__admin')
-            ->setExtra('icon_path', '/bundles/ibexaicons/img/all-icons.svg#notice');
+            ->setExtra('icon_path', '/bundles/ibexaadminuiassets/vendors/ids-assets/dist/img/all-icons.svg#alert-error');
     }
 }
diff --git a/code_samples/back_office/notifications/templates/themes/admin/notification.html.twig b/code_samples/back_office/notifications/templates/themes/admin/notification.html.twig
@@ -7,7 +7,7 @@
 {% block icon %}
     <span class="type__icon">
         <svg class="ibexa-icon ibexa-icon--review">
-            <use xlink:href="{{ ibexa_icon_path('view') }}"></use>
+            <use xlink:href="{{ ibexa_icon_path('visibility') }}"></use>
         </svg>
     </span>
 {% endblock %}
diff --git a/code_samples/back_office/online_editor/custom_tags/acronym/config/packages/custom_tags.yaml b/code_samples/back_office/online_editor/custom_tags/acronym/config/packages/custom_tags.yaml
@@ -13,7 +13,7 @@ ibexa_fieldtype_richtext:
     custom_tags:
         acronym:
             template: '@ibexadesign/field_type/ibexa_richtext/custom_tags/acronym.html.twig'
-            icon: '/bundles/ibexaicons/img/all-icons.svg#edit'
+            icon: '/bundles/ibexaadminuiassets/vendors/ids-assets/dist/img/all-icons.svg#edit'
             is_inline: true
             attributes:
                 explanation:
diff --git a/code_samples/back_office/online_editor/custom_tags/factbox/config/packages/custom_tags.yaml b/code_samples/back_office/online_editor/custom_tags/factbox/config/packages/custom_tags.yaml
@@ -13,7 +13,7 @@ ibexa_fieldtype_richtext:
     custom_tags:
         factbox:
             template: '@ibexadesign/field_type/ibexa_richtext/custom_tags/factbox.html.twig'
-            icon: '/bundles/ibexaicons/img/all-icons.svg#information'
+            icon: '/bundles/ibexaadminuiassets/vendors/ids-assets/dist/img/all-icons.svg#info-square'
             attributes:
                 name:
                     type: string
diff --git a/code_samples/back_office/online_editor/custom_tags/linktag/config/packages/custom_tags.yaml b/code_samples/back_office/online_editor/custom_tags/linktag/config/packages/custom_tags.yaml
@@ -13,7 +13,7 @@ ibexa_fieldtype_richtext:
     custom_tags:
         linktag:
             template: '@ibexadesign/field_type/ibexa_richtext/custom_tags/linktag.html.twig'
-            icon: '/bundles/ibexaicons/img/all-icons.svg#link'
+            icon: '/bundles/ibexaadminuiassets/vendors/ids-assets/dist/img/all-icons.svg#link'
             is_inline: true
             attributes:
                 title:
diff --git a/code_samples/back_office/udw/assets/js/image-tab/image.tab.module.js b/code_samples/back_office/udw/assets/js/image-tab/image.tab.module.js
@@ -19,7 +19,7 @@ ibexa.addConfig(
             id: 'image',
             component: ImageTabModule,
             label: 'Image',
-            icon: '/bundles/ibexaadminui/img/ibexa-icons.svg#image',
+            icon: '/bundles/ibexaadminuiassets/vendors/ids-assets/dist/img/all-icons.svg#image',
         },
     ],
     true,
diff --git a/code_samples/forms/custom_form_attribute/config/packages/form_attribute_config.yaml b/code_samples/forms/custom_form_attribute/config/packages/form_attribute_config.yaml
@@ -3,7 +3,7 @@ ibexa_form_builder:
         checkbox_with_richtext_description:
             name: Checkbox with Rich Text description
             category: Default
-            thumbnail: '/bundles/ibexaicons/img/all-icons.svg#input-line'
+            thumbnail: '/bundles/ibexaadminuiassets/vendors/ids-assets/dist/img/all-icons.svg#form-input-single-line'
             attributes:
                 label:
                     name: Label
diff --git a/code_samples/forms/custom_form_field/config/packages/form_builder.yaml b/code_samples/forms/custom_form_field/config/packages/form_builder.yaml
@@ -3,7 +3,7 @@ ibexa_form_builder:
         country:
             name: Country
             category: Custom form fields
-            thumbnail: '/bundles/ibexaplatformicons/img/all-icons.svg#places'
+            thumbnail: '/bundles/ibexaadminuiassets/vendors/ids-assets/dist/img/all-icons.svg#pins-locations'
             attributes:
                 label:
                     name: Display label
diff --git a/code_samples/page/custom_attribute/config/packages/help_messages.yaml b/code_samples/page/custom_attribute/config/packages/help_messages.yaml
@@ -2,7 +2,7 @@ ibexa_fieldtype_page:
     blocks:
         slider:
             category: default
-            thumbnail: '/bundles/ibexaicons/img/all-icons.svg#edit'
+            thumbnail: '/bundles/ibexaadminuiassets/vendors/ids-assets/dist/img/all-icons.svg#edit'
             views:
                 default: { name: 'Default block layout', template: 'themes/blocks/slider.html.twig', priority: -255 }
             attributes:
diff --git a/code_samples/page/custom_attribute/config/packages/page_blocks.yaml b/code_samples/page/custom_attribute/config/packages/page_blocks.yaml
@@ -3,7 +3,7 @@ ibexa_fieldtype_page:
         my_block:
             name: MyBlock
             category: default
-            thumbnail: /bundles/ibexaicons/img/all-icons.svg#edit
+            thumbnail: /bundles/ibexaadminuiassets/vendors/ids-assets/dist/img/all-icons.svg#edit
             views:
                 default: 
                     name: Default block layout
diff --git a/code_samples/page/custom_block_validator/config/packages/page_blocks.yaml b/code_samples/page/custom_block_validator/config/packages/page_blocks.yaml
@@ -5,7 +5,7 @@ ibexa_fieldtype_page:
         my_block:
             name: My Block
             category: default
-            thumbnail: /bundles/ibexaicons/img/all-icons.svg#edit
+            thumbnail: /bundles/ibexaadminuiassets/vendors/ids-assets/dist/img/all-icons.svg#edit
             views:
                 default:
                     name: Default block layout
diff --git a/code_samples/page/custom_page_block/config/packages/page_blocks.yaml b/code_samples/page/custom_page_block/config/packages/page_blocks.yaml
@@ -3,7 +3,7 @@ ibexa_fieldtype_page:
         event:
             name: Event Block
             category: Custom
-            thumbnail: /bundles/ibexaicons/img/all-icons.svg#date
+            thumbnail: /bundles/ibexaadminuiassets/vendors/ids-assets/dist/img/all-icons.svg#calendar
             configuration_template: '@ibexadesign/blocks/event/config.html.twig'
             views:
                 default:
diff --git a/code_samples/page/page_listener/config/packages/page_blocks.yaml b/code_samples/page/page_listener/config/packages/page_blocks.yaml
@@ -3,7 +3,7 @@ ibexa_fieldtype_page:
         my_block:
             name: My Block
             category: default
-            thumbnail: /bundles/ibexaicons/img/all-icons.svg#edit
+            thumbnail: /bundles/ibexaadminuiassets/vendors/ids-assets/dist/img/all-icons.svg#edit
             views:
                 default:
                     name: Default block layout
diff --git a/code_samples/page/react_app_block/config/packages/react_blocks.yaml b/code_samples/page/react_app_block/config/packages/react_blocks.yaml
@@ -3,7 +3,7 @@ ibexa_fieldtype_page:
         calculator:
             name: Calculator
             category: Demo
-            thumbnail: /bundles/ibexaicons/img/all-icons.svg#date
+            thumbnail: /bundles/ibexaadminuiassets/vendors/ids-assets/dist/img/all-icons.svg#calendar
             component: Calculator
             attributes:
                 a:
diff --git a/code_samples/workflow/custom_workflow/config/packages/workflows.yaml b/code_samples/workflow/custom_workflow/config/packages/workflows.yaml
@@ -27,7 +27,7 @@ ibexa:
                             to: [legal]
                             label: To legal
                             color: '#8888ba'
-                            icon: '/bundles/ibexaplatformicons/img/all-icons.svg#notice'
+                            icon: '/bundles/ibexaadminuiassets/vendors/ids-assets/dist/img/all-icons.svg#alert-error'
                             reviewers:
                                 required: true
                                 user_group: 13
@@ -40,13 +40,13 @@ ibexa:
                             reverse: to_legal
                             label: Back to draft
                             color: '#cb8888'
-                            icon: '/bundles/ibexaplatformicons/img/all-icons.svg#back'
+                            icon: '/bundles/ibexaadminuiassets/vendors/ids-assets/dist/img/all-icons.svg#arrow-left'
                         approved_by_legal:
                             from: [legal]
                             to: [done]
                             label: Approved by legal
                             color: '#88ad88'
-                            icon: '/bundles/ibexaplatformicons/img/all-icons.svg#checkbox'
+                            icon: '/bundles/ibexaadminuiassets/vendors/ids-assets/dist/img/all-icons.svg#form-checkbox'
                             actions:
                                 publish: ~
                                 approved_transition_action:
@@ -57,7 +57,7 @@ ibexa:
                             to: [done]
                             label: Done
                             color: '#88ad88'
-                            icon: '/bundles/ibexaplatformicons/img/all-icons.svg#checkbox'
+                            icon: '/bundles/ibexaadminuiassets/vendors/ids-assets/dist/img/all-icons.svg#form-checkbox'
                             actions:
                                 publish: ~
                             validate: true
diff --git a/composer.json b/composer.json
@@ -32,7 +32,6 @@
         "ibexa/connector-ai": "5.0.x-dev",
         "ibexa/connector-openai": "5.0.x-dev",
         "ibexa/migrations": "5.0.x-dev",
-        "ibexa/icons": "5.0.x-dev",
         "ibexa/cart": "5.0.x-dev",
         "ibexa/installer": "5.0.x-dev",
         "ibexa/product-catalog": "5.0.x-dev",
diff --git a/docs/administration/back_office/back_office_elements/reusable_components.md b/docs/administration/back_office/back_office_elements/reusable_components.md
@@ -37,7 +37,7 @@ The alert component has the following properties:
     title: 'Some title',
     subtitle: 'Some subtitle',
     show_subtitle_below: true,
-    icon_path: ibexa_icon_path('hide'),
+    icon_path: ibexa_icon_path('visibility-hidden'),
     class: 'mb-4',
 } only %}
 ```
diff --git a/docs/administration/back_office/browser/add_browser_tab.md b/docs/administration/back_office/browser/add_browser_tab.md
@@ -27,7 +27,7 @@ Each tab definition is an object containing the following properties:
 |id|string|Tab ID, for example, `image`.|
 |component|element|React component that represents the contents of a tab.|
 |label|string|Label text, for example, `Images`.|
-|icon|string|Path to the icon, for example, `/bundles/ibexaadminui/img/ibexa-icons.svg#image`.|
+|icon|string|Path to the icon, for example, `/bundles/ibexaadminuiassets/vendors/ids-assets/dist/img/all-icons.svg#info-square`.|
 
 ```js
 [[= include_file('code_samples/back_office/udw/assets/js/image-tab/image.tab.module.js', 14, 29) =]]
diff --git a/docs/templating/twig_function_reference/discounts_twig_functions.md b/docs/templating/twig_function_reference/discounts_twig_functions.md
@@ -21,7 +21,7 @@ This filter transforms the discount type (`fixed_amount` or `percentage`) into a
 
 <span class="ibexa-icon-tag">
     <svg class="ibexa-icon ibexa-icon--small">
-        <use xlink:href="{{ ibexa_icon_path('discount-coupon') }}"></use>
+        <use xlink:href="{{ ibexa_icon_path('discount-ticket') }}"></use>
     </svg>
     {{ rule_type|ibexa_render_discount_rule_type }}
 </span>
diff --git a/docs/templating/twig_function_reference/icon_twig_functions.md b/docs/templating/twig_function_reference/icon_twig_functions.md
@@ -49,7 +49,7 @@ To change the default size, in the template add the modifier to the class name.
 
 ``` html+twig
 <svg class="ibexa-icon ibexa-icon--medium">
-  <use xlink:href="{{ ibexa_icon_path('create') }}"></use>
+  <use xlink:href="{{ ibexa_icon_path('add') }}"></use>
 </svg>
 ```
 

Original file line number	Diff line number	Diff line change
`@@ -26,7 +26,7 @@ ibexa.addConfig(`
`26`	`26`	`{`
`27`	`27`	`label: 'Dot',`
`28`	`28`	`component: Dot,`
`29`		`- icon: ibexa.helpers.icon.getIconPath('radio-button'), // Path to an icon that will be displayed in the UI`
	`29`	`+ icon: ibexa.helpers.icon.getIconPath('form-radio'), // Path to an icon that will be displayed in the UI`
`30`	`30`	`identifier: IDENTIFIER, // The identifier must match the one from the configuration yaml file`
`31`	`31`	`},`
`32`	`32`	`true,`
Original file line number	Diff line number	Diff line change
`@@ -62,7 +62,7 @@ ibexa.addConfig(`
`62`	`62`	`{`
`63`	`63`	`label: 'Dot',`
`64`	`64`	`component: Dot,`
`65`		`- icon: ibexa.helpers.icon.getIconPath('radio-button'),`
	`65`	`+ icon: ibexa.helpers.icon.getIconPath('form-radio'),`
`66`	`66`	`identifier: IDENTIFIER,`
`67`	`67`	`},`
`68`	`68`	`true,`
Original file line number	Diff line number	Diff line change
`@@ -45,6 +45,6 @@ public function onMainMenuConfigure(ConfigureMenuEvent $event): void`
`45`	`45`	`$menu->removeChild('main__bookmarks');`
`46`	`46`
`47`	`47`	`$menu->getChild('main__admin')`
`48`		`- ->setExtra('icon_path', '/bundles/ibexaicons/img/all-icons.svg#notice');`
	`48`	`+ ->setExtra('icon_path', '/bundles/ibexaadminuiassets/vendors/ids-assets/dist/img/all-icons.svg#alert-error');`
`49`	`49`	`}`
`50`	`50`	`}`