# New theme icon for Tryton **URL:** \ **Category:** Feature\ **Created:** [February 22, 2018, 7:29pm UTC](https://discuss.tryton.org/t/new-theme-icon-for-tryton/507 "2018-02-22T19:29:59Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![oscar](https://discuss-cdn.tryton.org/user_avatar/discuss.tryton.org/oscar/32/1919_2.png) [@oscar](https://discuss.tryton.org/u/oscar)\ **Post date:** [February 22, 2018, 7:29pm UTC](https://discuss.tryton.org/t/new-theme-icon-for-tryton/507/1 "2018-02-22T19:29:59Z")
## Rational I think the icons theme on Tryton to require a new design and current it is not unified with the web client (sao), because this use another theme, when the end users switch from desktop version to the web version are confused, because the icons are completely different, this show UX design problems and integrations between versions desktop/web. ## Proposal - To create a new unified and nice theme icons for Tryton. - Using the exactly the same icons in web and sao version. ## Implementation - Maybe to use to crowfunding campaign for to pay a professional UX designer for that Tryton have its own icon theme. - Choose best style for start design process using a survey between community This is an example style ideas (but I hope another proposals from community): [https://dribbble.com/shots/1575079-Sketchy-Icons](https://dribbble.com/shots/1575079-Sketchy-Icons) [https://www.flaticon.com/packs/interaction-assets-2/2](https://www.flaticon.com/packs/interaction-assets-2/2) [https://www.shutterstock.com/image-vector/application-toolbar-thin-icons-245783821?irgwc=1&utm\_medium=Affiliate&utm\_campaign=Graphic%20resources%20SL&utm\_source=39422&utm\_term=1574758350.1517495706](https://www.shutterstock.com/image-vector/application-toolbar-thin-icons-245783821?irgwc=1&utm_medium=Affiliate&utm_campaign=Graphic%20resources%20SL&utm_source=39422&utm_term=1574758350.1517495706) [https://www.shutterstock.com/es/image-vector/100-business-icons-human-resource-finance-115643377?src=AmlmvMJ386vLB\_XD0FwmUA-1-84](https://www.shutterstock.com/es/image-vector/100-business-icons-human-resource-finance-115643377?src=AmlmvMJ386vLB_XD0FwmUA-1-84) ---
**Author:** ![ced](https://discuss-cdn.tryton.org/user_avatar/discuss.tryton.org/ced/32/1237_2.png) [@ced](https://discuss.tryton.org/u/ced)\ **Post date:** [February 23, 2018, 9:26am UTC](https://discuss.tryton.org/t/new-theme-icon-for-tryton/507/2 "2018-02-23T09:26:35Z")
I quite agree on this but for me all those examples are not qualified for Tryton because of their license. Indeed I already thought that we could use [Material icons](https://material.io/icons/) which is under Apache License v2.0. I think it is more complete than the Free part of [Font Awesome](https://fontawesome.com/) and also it will be easy for designer to extend it (from our current web agency) because they are simple and without shadow. But I think before starting on this change some work need to be done: - [Fix IconFactory](https://bugs.tryton.org/issue7059) - Rationalize the icon usage: - List the minimal set of icons that client must embed - List the set of icons that trytond must provide - List the extra icons needed for each module ---
**Author:** ![oscar](https://discuss-cdn.tryton.org/user_avatar/discuss.tryton.org/oscar/32/1919_2.png) [@oscar](https://discuss.tryton.org/u/oscar)\ **Post date:** [February 23, 2018, 5:28pm UTC](https://discuss.tryton.org/t/new-theme-icon-for-tryton/507/3 "2018-02-23T17:28:15Z")
Yes you are right, the license is important but the examples are just for designers inspiration 馃檪 I will try check out the icon Factory issue, maybe I can help. ---
**Author:** ![ced](https://discuss-cdn.tryton.org/user_avatar/discuss.tryton.org/ced/32/1237_2.png) [@ced](https://discuss.tryton.org/u/ced)\ **Post date:** [March 26, 2018, 10:21pm UTC](https://discuss.tryton.org/t/new-theme-icon-for-tryton/507/4 "2018-03-26T22:21:45Z")
I think before choosing Material icons, we should check that FullCalendar will work with it on new version: [https://fullcalendar.io/blog/2018/03/bootstrap-4-support](https://fullcalendar.io/blog/2018/03/bootstrap-4-support) ---
**Author:** ![ced](https://discuss-cdn.tryton.org/user_avatar/discuss.tryton.org/ced/32/1237_2.png) [@ced](https://discuss.tryton.org/u/ced)\ **Post date:** [July 21, 2018, 11:04pm UTC](https://discuss.tryton.org/t/new-theme-icon-for-tryton/507/5 "2018-07-21T23:04:17Z")
Indeed there is only 5 icons used by FullCalendar: [bootstrapFontAwesome - Docs | FullCalendar](https://fullcalendar.io/docs/bootstrapFontAwesome) It will be easy to write the css rules to use the Material icons equivalent. ---
**Author:** ![vincent](https://discuss-cdn.tryton.org/user_avatar/discuss.tryton.org/vincent/32/29_2.png) [@vincent](https://discuss.tryton.org/u/vincent)\ **Post date:** [July 24, 2018, 1:40pm UTC](https://discuss.tryton.org/t/new-theme-icon-for-tryton/507/6 "2018-07-24T13:40:28Z")
Just thought I would add another resource. Foundation is an alternative to Bootstrap. [https://foundation.zurb.com/icon-fonts.html](https://foundation.zurb.com/icon-fonts.html) ---
**Author:** ![ced](https://discuss-cdn.tryton.org/user_avatar/discuss.tryton.org/ced/32/1237_2.png) [@ced](https://discuss.tryton.org/u/ced)\ **Post date:** [July 24, 2018, 1:56pm UTC](https://discuss.tryton.org/t/new-theme-icon-for-tryton/507/7 "2018-07-24T13:56:51Z")
Fonts are not useful because we need to display on GTK which require a picture format (ex: PNG, SVG etc.) ---
**Author:** ![vincent](https://discuss-cdn.tryton.org/user_avatar/discuss.tryton.org/vincent/32/29_2.png) [@vincent](https://discuss.tryton.org/u/vincent)\ **Post date:** [July 24, 2018, 2:19pm UTC](https://discuss.tryton.org/t/new-theme-icon-for-tryton/507/8 "2018-07-24T14:19:15Z")
> [@ced](#): > > Fonts are not useful because we need to display on GTK which require a picture format (ex: PNG, SVG etc.) Sorry, I didn鈥檛 pay attention. ---
**Author:** ![vincent](https://discuss-cdn.tryton.org/user_avatar/discuss.tryton.org/vincent/32/29_2.png) [@vincent](https://discuss.tryton.org/u/vincent)\ **Post date:** [July 24, 2018, 2:22pm UTC](https://discuss.tryton.org/t/new-theme-icon-for-tryton/507/9 "2018-07-24T14:22:22Z")
Actually there is a svg file: > **[GitHub - zurb/foundation-icon-fonts: Foundation Icon Fonts](https://github.com/zurb/foundation-icon-fonts)** > > Foundation Icon Fonts ---
**Author:** ![ced](https://discuss-cdn.tryton.org/user_avatar/discuss.tryton.org/ced/32/1237_2.png) [@ced](https://discuss.tryton.org/u/ced)\ **Post date:** [July 28, 2018, 9:46pm UTC](https://discuss.tryton.org/t/new-theme-icon-for-tryton/507/10 "2018-07-28T21:46:01Z")
The IconFactory issue has a patch: [IconFactory deprecated (#7059) 路 Issues 路 Tryton / Tryton 路 GitLab](https://bugs.tryton.org/issue7059) But it requires the rework of list of icon to be pushed. ---
**Author:** ![ced](https://discuss-cdn.tryton.org/user_avatar/discuss.tryton.org/ced/32/1237_2.png) [@ced](https://discuss.tryton.org/u/ced)\ **Post date:** [July 29, 2018, 5:21pm UTC](https://discuss.tryton.org/t/new-theme-icon-for-tryton/507/11 "2018-07-29T17:21:31Z")
# Icon list ## Client - tryton-ok - tryton-cancel - tryton-close - tryton-menu - tryton-bookmarks - tryton-exit - tryton-switch - tryton-back - tryton-forward - tryton-create - tryton-save - tryton-refresh - tryton-copy - tryton-delete - tryton-undo - tryton-log - tryton-history - tryton-attach - tryton-note - tryton-launch - tryton-link - tryton-open - tryton-print - tryton-email - tryton-public - tryton-export - tryton-import - tryton-filter - tryton-search - tryton-bookmark - tryton-bookmark-border - tryton-archive - tryton-unarchive - tryton-star - tryton-star-border - tryton-clear - tryton-add - tryton-remove - tryton-date - tryton-translate - tryton-format-bold - tryton-format-italic - tryton-format-underline - tryton-format-align-left - tryton-format-align-center - tryton-format-align-right - tryton-format-align-justify - tryton-format-color-text - tryton-info - tryton-warning - tryton-error ## Server - tryton-form - tryton-list - tryton-tree - tryton-calendar - tryton-graph - tryton-board - tryton-folder - tryton-settings ## Modules - tryton-account - tryton-bank - tryton-carrier - tryton-commission - tryton-company - tryton-country - tryton-currency - tryton-party - tryton-product - tryton-production - tryton-project - tryton-purchase - tryton-sale - tryton-stock - tryton-timesheet ---
**Author:** ![sergyo](https://discuss-cdn.tryton.org/user_avatar/discuss.tryton.org/sergyo/32/181_2.png) [@sergyo](https://discuss.tryton.org/u/sergyo)\ **Post date:** [July 30, 2018, 9:40am UTC](https://discuss.tryton.org/t/new-theme-icon-for-tryton/507/12 "2018-07-30T09:40:50Z")
If Tryton will use Material icons, what do you think about setting material design as default (or included) sao theme? ---
**Author:** ![ced](https://discuss-cdn.tryton.org/user_avatar/discuss.tryton.org/ced/32/1237_2.png) [@ced](https://discuss.tryton.org/u/ced)\ **Post date:** [July 30, 2018, 10:17am UTC](https://discuss.tryton.org/t/new-theme-icon-for-tryton/507/13 "2018-07-30T10:17:06Z")
> [@sergyo](#): > > If Tryton will use Material icons, what do you think about setting material design as default (or included) sao theme? That鈥檚 the original plan: > [@oscar](#): > > - To create a new unified and nice theme icons for Tryton. > - Using the exactly the same icons in web and sao version. ---
**Author:** ![sergyo](https://discuss-cdn.tryton.org/user_avatar/discuss.tryton.org/sergyo/32/181_2.png) [@sergyo](https://discuss.tryton.org/u/sergyo)\ **Post date:** [July 30, 2018, 11:12am UTC](https://discuss.tryton.org/t/new-theme-icon-for-tryton/507/14 "2018-07-30T11:12:15Z")
> [@ced](#): > > That鈥檚 the original plan: I鈥檓 referring not only icons theme but all bootstrap css styling. ---
**Author:** ![ced](https://discuss-cdn.tryton.org/user_avatar/discuss.tryton.org/ced/32/1237_2.png) [@ced](https://discuss.tryton.org/u/ced)\ **Post date:** [July 30, 2018, 11:17am UTC](https://discuss.tryton.org/t/new-theme-icon-for-tryton/507/15 "2018-07-30T11:17:01Z")
I doubt any one will invest on rewriting sao to change the main component library. Also this is off-topic. ---
**Author:** ![ced](https://discuss-cdn.tryton.org/user_avatar/discuss.tryton.org/ced/32/1237_2.png) [@ced](https://discuss.tryton.org/u/ced)\ **Post date:** [August 1, 2018, 3:47pm UTC](https://discuss.tryton.org/t/new-theme-icon-for-tryton/507/16 "2018-08-01T15:47:53Z")
Here is a preview of the desktop client with the new icons: ![Desktop client with new icons](https://discuss-cdn.tryton.org/uploads/default/original/1X/f25a2581828bde3e11dbea29e82e0cb96a3d1f68.png) The color is not fixed, I鈥檓 waiting the final design of the website theme. ---
**Author:** ![ced](https://discuss-cdn.tryton.org/user_avatar/discuss.tryton.org/ced/32/1237_2.png) [@ced](https://discuss.tryton.org/u/ced)\ **Post date:** [August 2, 2018, 11:07pm UTC](https://discuss.tryton.org/t/new-theme-icon-for-tryton/507/17 "2018-08-02T23:07:50Z")
The patch is ready for testing at [Use Material icons (#474) 路 Issues 路 Tryton / Tryton 路 GitLab](https://bugs.tryton.org/issue474) ---
**Author:** ![ced](https://discuss-cdn.tryton.org/user_avatar/discuss.tryton.org/ced/32/1237_2.png) [@ced](https://discuss.tryton.org/u/ced)\ **Post date:** [August 3, 2018, 11:37am UTC](https://discuss.tryton.org/t/new-theme-icon-for-tryton/507/18 "2018-08-03T11:37:59Z")
Here is a preview of the web client with the new icons: ![image](https://discuss-cdn.tryton.org/uploads/default/original/1X/230b3510323c2783f52cd8945207da9e475d9e6d.png) ---
**Author:** ![oscar](https://discuss-cdn.tryton.org/user_avatar/discuss.tryton.org/oscar/32/1919_2.png) [@oscar](https://discuss.tryton.org/u/oscar)\ **Post date:** [August 23, 2018, 7:36pm UTC](https://discuss.tryton.org/t/new-theme-icon-for-tryton/507/21 "2018-08-23T19:36:10Z")
I found some an icon ideas ![](https://discuss-cdn.tryton.org/uploads/default/original/1X/ca692494af196fc9d23f60e447375bbca58c2a4e.png) ---
**Author:** ![oscar](https://discuss-cdn.tryton.org/user_avatar/discuss.tryton.org/oscar/32/1919_2.png) [@oscar](https://discuss.tryton.org/u/oscar)\ **Post date:** [August 23, 2018, 7:37pm UTC](https://discuss.tryton.org/t/new-theme-icon-for-tryton/507/22 "2018-08-23T19:37:48Z")
Hi Cedk, IMHO I think that the bank and accounting icon, must be exchange, [Next page](https://discuss.tryton.org/t/new-theme-icon-for-tryton/507.md?page=2)