feat: update Icons to v2.3

[vprothais]

Types of change

• Non-breaking change
• Breaking change (fix or feature that would change existing functionality and usage)

Related issues

Closes #3781

Context & Motivation

Description

Update Composite Icons

[orange] Identical: 22 | Modified: 9 | Missing: 0 | Deduplicated: 6
[sosh] Identical: 5 | Modified: 26 | Missing: 0 | Deduplicated: 4
[orange-compact] Identical: 22 | Modified: 9 | Missing: 0 | Deduplicated: 6

Update Sprite Icons

Orange

Identical (7)

• copy (orange/functional/actions/copy)
• functional-status-info (orange/functional/status-and-indicators/info-fill)
• functional-status-negative (orange/functional/status-and-indicators/important-fill)
• functional-status-positive (orange/functional/status-and-indicators/tick-confirmation-fill)
• hide (orange/functional/settings-and-tools/accessibility-hide)
• lock-closed (orange/communication/security-and-safety/lock-closed)
• side-panel-show-chevron (orange/functional/navigation/side-panel-show-chevron)

Missing (0)

Replaced (26)

• accessibility-vision (orange/communication/accessibility/accessibility-vision)
• bug (orange/communication/technology/bug)
• buy (orange/functional/commerce/buy-shoping-basket)
• check2 (orange/functional/actions/form-tick-square-approve)
• child-protection (orange/communication/security-and-safety/child-protection)
• component-atom (orange/communication/design/component-atom)
• design-token-figma (orange/communication/design/design-token-figma)
• display-grid (orange/functional/navigation/display-grid-square)
• download (orange/functional/actions/download-down-arrow)
• file-document (orange/functional/charts-and-files/file-document)
• heart-empty (orange/functional/social-and-engagement/heart-recommend)
• information-manual (orange/functional/settings-and-tools/information-manual)
• internet (orange/communication/technology/internet-world-connection)
• live-chat (orange/functional/communications/live-chat)
• location-pin-compass (orange/functional/transport-and-location/location-pin-compass)
• message-talk (orange/functional/social-and-engagement/message-talk)
• mobile-network-coverage (orange/functional/status-and-indicators/mobile-network-coverage-signal)
• multi-tool-repair (orange/communication/objects/multi-tool-repair)
• search (orange/functional/actions/search)
• settings (orange/functional/settings-and-tools/settings)
• theme (orange/communication/design/theme)
• traffic-cone (orange/functional/transport-and-location/traffic-cone)
• trash (orange/functional/actions/trash)
• ui-auto-mode (orange/functional/media/contrast)
• ui-dark-mode (orange/functional/settings-and-tools/ui-dark-mode)
• ui-light-mode (orange/functional/settings-and-tools/ui-light-mode)

Skipped (2)

• functional-status-warning (unparseable comment)
• lightning-charge-fill (special icon)

sosh

Identical (10)

• buy (sosh/functional/commerce/shopping-empty)
• copy (sosh/functional/actions/copy)
• download (sosh/functional/actions/download-down-arrow)
• functional-status-positive (sosh/functional/status-and-indicators/tick-confirmation-fill)
• information-manual (sosh/functional/settings-and-tools/information-manual)
• mobile-network-coverage (sosh/communication/connectivity/antenna-signal-wifi)
• side-panel-show-chevron (orange/functional/navigation/side-panel-show-chevron)
• ui-auto-mode (sosh/functional/media/contrast)
• ui-dark-mode (sosh/functional/settings-and-tools/ui-dark-mode)
• ui-light-mode (sosh/functional/settings-and-tools/ui-light-mode)

Missing (0)

Replaced (23)

• accessibility-vision (sosh/communication/accessibility/accessibility-vision)
• bug (sosh/functional/transport-and-location/maintenance-spanner)
• check2 (sosh/functional/status-and-indicators/tick)
• child-protection (sosh/communication/security-and-safety/data-protection-avatar)
• component-atom (orange/communication/design/component-atom)
• design-token-figma (sosh/communication/connectivity/network-livebox)
• display-grid (sosh/functional/settings-and-tools/apps-ui-round)
• file-document (sosh/functional/charts-and-files/file-document)
• functional-status-info (sosh/functional/status-and-indicators/info-fill)
• functional-status-negative (sosh/functional/status-and-indicators/important-fill)
• heart-empty (sosh/functional/social-and-engagement/heart-recommend)
• hide (sosh/functional/settings-and-tools/accessibility-hide)
• internet (sosh/communication/technology/internet-world-connection)
• live-chat (sosh/functional/communications/call-centre)
• location-pin-compass (sosh/functional/transport-and-location/location-pin)
• lock-closed (sosh/communication/security-and-safety/lock-closed)
• message-talk (sosh/functional/communications/message-group-question)
• multi-tool-repair (sosh/functional/settings-and-tools/repair-tools)
• search (sosh/functional/actions/search)
• settings (sosh/functional/settings-and-tools/settings)
• theme (sosh/functional/navigation/filters)
• traffic-cone (sosh/functional/transport-and-location/traffic-cone)
• trash (sosh/functional/actions/trash)

Skipped (2)

• functional-status-warning (unparseable comment)
• lightning-charge-fill (special icon)

orange-compact

Identical (7)

• copy (orange/functional/actions/copy)
• functional-status-info (orange/functional/status-and-indicators/info-fill)
• functional-status-negative (orange/functional/status-and-indicators/important-fill)
• functional-status-positive (orange/functional/status-and-indicators/tick-confirmation-fill)
• hide (orange/functional/settings-and-tools/accessibility-hide)
• lock-closed (orange/communication/security-and-safety/lock-closed)
• side-panel-show-chevron (orange/functional/navigation/side-panel-show-chevron)

Missing (0)

Replaced (26)

• accessibility-vision (orange/communication/accessibility/accessibility-vision)
• bug (orange/communication/technology/bug)
• buy (orange/functional/commerce/buy-shoping-basket)
• check2 (orange/functional/actions/form-tick-square-approve)
• child-protection (orange/communication/security-and-safety/child-protection)
• component-atom (orange/communication/design/component-atom)
• design-token-figma (orange/communication/design/design-token-figma)
• display-grid (orange/functional/navigation/display-grid-square)
• download (orange/functional/actions/download-down-arrow)
• file-document (orange/functional/charts-and-files/file-document)
• heart-empty (orange/functional/social-and-engagement/heart-recommend)
• information-manual (orange/functional/settings-and-tools/information-manual)
• internet (orange/communication/technology/internet-world-connection)
• live-chat (orange/functional/communications/live-chat)
• location-pin-compass (orange/functional/transport-and-location/location-pin-compass)
• message-talk (orange/functional/social-and-engagement/message-talk)
• mobile-network-coverage (orange/functional/status-and-indicators/mobile-network-coverage-signal)
• multi-tool-repair (orange/communication/objects/multi-tool-repair)
• search (orange/functional/actions/search)
• settings (orange/functional/settings-and-tools/settings)
• theme (orange/communication/design/theme)
• traffic-cone (orange/functional/transport-and-location/traffic-cone)
• trash (orange/functional/actions/trash)
• ui-auto-mode (orange/functional/media/contrast)
• ui-dark-mode (orange/functional/settings-and-tools/ui-dark-mode)
• ui-light-mode (orange/functional/settings-and-tools/ui-light-mode)

Skipped (2)

• functional-status-warning (unparseable comment)
• lightning-charge-fill (special icon)

Summary

[orange] Identical: 7 | Missing: 0 | Replaced: 26 | Skipped: 2
[sosh] Identical: 10 | Missing: 0 | Replaced: 23 | Skipped: 2
[orange-compact] Identical: 7 | Missing: 0 | Replaced: 26 | Skipped: 2

Checklists

• I have read the contributing guidelines
• My change follows the developer guide
• My change pass all tests
• My change is compatible with a responsive display
• I have added tests (Javascript unit test or visual) to cover my changes
• My change introduces changes to the documentation that I have updated accordingly
  • Title and DOM structure is correct
  • Links have been updated (title changes impact links)
  • CSS for the documentation
• I have checked all states and combinations of the component with my change
• I have checked all the impacts for the other components and core behavior (grid, reboot, utilities)

Checklist (for Core Team only)

• The changes need to be in the migration guide
• The changes are well displayed in Storybook (be careful if example order has changed for DSM)
• The changes are compatible with RTL
• Manually test browser compatibility with BrowserStack (Chrome 120, Firefox 121, Edge 120, Safari 15.6, iOS Safari, Chrome & Firefox on Android)

Progression (for Core Team only)

• Code review
• Design review
• A11y review
• Commit on main following conventional commit

Live previews

• https://deploy-preview-3786--boosted.netlify.app/

[netlify]

✅ Deploy Preview for boosted ready!

Name	Link
🔨 Latest commit	89649b2
🔍 Latest deploy log	https://app.netlify.com/projects/boosted/deploys/6aa016a024bdba0008fab525
😎 Deploy Preview	https://deploy-preview-3786--boosted.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
🤖 Make changes	Run an agent on this branch

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[louismaximepiton]

LGTM, Can't remember what we said about having a word for the migration on this

[vprothais]

LGTM, Can't remember what we said about having a word for the migration on this

Actually we didn't decide anything. I talked about that with the core team since it is not linked to the Web Library, the update is general and related to the icons release workflow. Should be defined later.