Some ideas for images/screens:

• desktop:
  • https://commons.wikimedia.org/wiki/Category:Computer_monitor_icons
  • ???
• smartphone:
  • similar to
• tablets:
  • more square than smartphone
  • 
• phablet:
  • somewhere in between smartphone and tablets
• Portable media player:
  • mostly iPad Touch and similar devices
  • difference to smartphone?
• camera:
  • as current icon:
• carbrowser:
  • as current icon:
  • https://commons.wikimedia.org/wiki/File:Car_with_Driver-Silhouette.svg (without driver?)
• console:
  • i would suggest a simple game controller (similar to https://commons.wikimedia.org/wiki/Category:Game_controller_icons)
  • e.g
  • https://material.io/icons/#ic_videogame_asset
• Smart display
  • Never heard of them, but seem to be all-in-one-displays like this one.
• TV
  • Wikimedia is again not really helpful: https://commons.wikimedia.org/wiki/Category:Television_set_icons?uselang=de
  • https://material.io/icons/#ic_live_tv

For most of them there are fitting material icons: https://material.io/icons/
Now I'm just missing "phablet", "portable media player" and "smart display".
Any ideas how to visualize them?

• Smart display: could we reuse the TV icon?
• phablet: could we reuse tablet icon?
• portable media player: maybe reuse smartphone?

@sgiehl do you think these three device categories still make sense? or would we consider removing them in the future...?

good question. They will stay in device detector for now. But we might combine the numbers in Piwik reports. Not sure how useful it is for users to see those device types.

we might combine the numbers in Piwik reports.

👍

Hi @Findus23 what's the status on this issue? (maybe we could create smaller separate issues for any remaining icons to be improved)

Flags: #11272
screens: If the current pull requests are merged and everything is working, I'll start working on it (which should be pretty fast)
Brand Icons: I am still missing an easy solution and the time to manually collect the icons.
If anyone wants to create a pull request to the piwik-icon repo with source images, I'd do the rest.

There is also some need to take a second look at the Internet Explorer icons, both for desktop and Mobile. The desktop icon isn't the official one and the IE for Windows Phone icon is out of the context that particular variation is supposed to be used in. The white-on-colored-background icon isn't supposed to be used in the context Piwik uses it, it is only for tiles and tile-like instances. Just go with the flat blue-on-white icon there.

This is the correct Internet Explorer icon: https://github.com/alrra/browser-logos/blob/master/src/archive/internet-explorer_9-11/internet-explorer_9-11.png. Notice how it is lighter.
This is the correct Internet Explorer Mobile icon: https://upload.wikimedia.org/wikipedia/commons/2/2f/Internet_Explorer_10_logo.svg. Notice that it doesn't have a background.

@Studio384 We have now created a repository for the icons: https://github.com/piwik/piwik-icons
You can report all issues there.

About Deskop IE: Are you sure? When in doubt I tend to trust Wikipedia more. But maybe its a good idea to replace it with the latest Logo:
https://commons.wikimedia.org/wiki/File:Internet_Explorer_10_logo.svg
This one is used in https://en.wikipedia.org/wiki/Internet_Explorer

About Windows Phone: You are right that the tile is looking a bit odd. But if we use the "normal" logo you can't distinguish it with the desktop one.

No, the logo you're linking is only used in the "About" page, anywhere else throughout Windows and Internet Explorer the normal full colored logo is used. The logo that is being used in Piwik right now is however not that logo but instead a darker altered version.

The version Wikipedia uses should represent IE Mobile in Piwik, and with that we also have a clear distinction between desktop and Mobile.

@Studio384 BTW, with matomo-org/matomo-icons#7 I am using the lighter IE-logo. While I am still not sure if it's correct, I am trusting you and alrra to know it better than me. (I'm not using windows)

Well, have a look then at the logo Windows uses: