[IMP] web, board, spreadsheet: add app icon & normalize the UI app icons implementation

[Brieuc-brd]

spreadsheet: Add app icon

This PR introduces an app icon for spreadsheet.

Normalize the UI app icons implementation

Prior to this PR, the style related to the UI app icons was defined in each module, which creates duplicated code.
To avoid that, this commit normalizes the implementation of these icons.
Only one class need to be defined: o_ui_app_icon should be defined on the svg.

task-3884720

Requires:

• https://github.com/odoo/enterprise/pull/61451

---

---

I confirm I have signed the CLA and read the PR guidelines at www.odoo.com/submit-pr

[robodoo]

Pull request status dashboard.

[Brieuc-brd]

Hello @stefanorigano 👋
These PRs (COM & ENT) are ready for review, could you have a look at them ?

[pedrobaeza]

Taking the occasion, but going a bit off-topic (sorry for that), do you have any general guidelines about the creation of the new milk app icons (color scheme, main layout, etc)?

[Brieuc-brd]

Hello @pedrobaeza,
Indeed, we have guidelines for milk icons created for our designers, but these are internal guidelines.
If you need a specific icon, you can check out our brand assets page :)

[pedrobaeza]

Thanks for answering, Brieuc.

I'm talking on behalf of OCA, as we need to design totally new icons for new apps. Would you ask if that guides can be released for the general public? That way, we would keep consistency between them, as they are all shown in enterprise app chooser and module list. Example:

[Brieuc-brd]

For now I don't know if there are any plans to publish a general guideline related to the new app icons.
But I understand your need and please be assured that we will take your feedback into account 🙂.

cc. @stefanorigano

[stefanorigano]

Hei @Brieuc-brd , thanks so much for your work (and patience) 🙂
Here some remarks for you, thanks again!

[stefanorigano]

Hello @Brieuc-brd , thanks!
Like the enterprise PR, let's update the pr description and then we're ready to go 👍

Also, nitpicking but we could use the actual module name (board), rather than having it replaced by * in [IMP] web, *: [...] ... it's just a few characters difference at the end.

Thanks!

[Brieuc-brd]

Thanks @stefanorigano 🙏
I updated both branches & PR titles & descriptions, could you have a look ?
Thanks again !

[stefanorigano]

LGTM, thanks @Brieuc-brd 👍

[Brieuc-brd]

Hello @odoo/rd-spreadsheet 👋
Both PR (COM & ENT) are ready for tech. review, could you take a look at them ? :)
Thanks in advance !