Can you also post the icons itself? I can try to reproduce this when I have the icons as svg.
Hi Mueller, these are the icons Iāve used:
Hi Mueller, Sorry for the icons I posted before, I didnāt realize they are so odd in size. But after some trials, Iāve concluded the Web UI is able to āresizeā any (or almost any) icon size to fit into the right space. However, the APP UI doesnāt be able to do this. So, the custom icons must be around 180x180 px in order to be able to show up correctly in both UI.
sorry to bump an old topic, not sure this was resolved at the time. I see the same issue trying to use SVG icons from a standard Linux icon theme - the web (basic) UI renders them perfectly well but the Android app shows them at what looks like half height and half width (so a quarter of the size they should be) as shown in Jcabanas1 screen shot in the thread. An example icon that displays this is attached, but I think itās universalā¦ certainly with all the ones Iāve tried. Iāve added a .xml extension to try to stop it being rendered as an image.
Using android version 2.12.1 and verified the same behaviour with the beta app.
Can you add a screenshot of the icon in the app?
Can you post that icon as well?
yupā¦ problem is though, the forum consumes the SVG and presents it as an image, so you canāt see the definition of it. Iāve tried again to add a version with the original XML code with a txt extensionā¦
ā¦which again didnāt work. If you DM me an email address I can try to send you the source SVG
You can right click one of the icons => āShow graphicā and than view the source code by pressing Control + U (at least in Firefox).
The issue here is that the icon specifies an explicit size. The width
and height
in the <svg>
tag is overridden by the app with 100%
, but not any other size, e.g. in <rect style=...
.
Do you have a version of the icon with percentage values only?
The former is only a problem due to doing the latter I think we should scale via density instead of overriding the top level size.
so, does that mean itās this something that will be addressed in the app? Or do we need to find/create only certain types of icons that are compatible with the way it currently works?
This is something that should be fixed in the app, but this might take a while.
For now you can use https://materialdesignicons.com/ as icon source. Most icons from there should work. Click on an icon => Icon package => .SVG Optimized
thatās great, thanks for the update (and the icon link)
the MD icons work wellā¦ easy to change the colours in Inkscape too to better work with my dark themed app and basic UI.