Feature Request: SVGs and Material Design Icons
Hi, uploading and fetching Icons every time I open up the Docker page is a little bit too complicated for my taste. And I could not get base64 encoding to work with svgs... Can someone please do a short checklist for how someone can do that?
It would be really nice to only write in the icon-name of a Material Design Icon and beeing done with icon handling, like Flame does implement it.
SVG Hack
Meanwhile I worked arround that limitation by a little hack, which is basically a html injection, lol.
How to do it:
Select an icon at https://pictogrammers.com/library/mdi/
Click "Copy SVG" on the right upper corner
(you could basically use any svg you want)
add a width="36px" attribute to the svg element
add a height="32px" attribute to the svg element
add "></img> in front of the whole string (note: with aprostrophe)
add <img style="all: unset; visibility: hidden; on the end of the string
It should then look like something like this:
"></img> <svg width="36px" height="32px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>television-classic</title><path d="M8.16,3L6.75,4.41L9.34,7H4C2.89,7 2,7.89 2,9V19C2,20.11 2.89,21 4,21H20C21.11,21 22,20.11 22,19V9C22,7.89 21.11,7 20,7H14.66L17.25,4.41L15.84,3L12,6.84L8.16,3M4,9H17V19H4V9M19.5,9A1,1 0 0,1 20.5,10A1,1 0 0,1 19.5,11A1,1 0 0,1 18.5,10A1,1 0 0,1 19.5,9M19.5,12A1,1 0 0,1 20.5,13A1,1 0 0,1 19.5,14A1,1 0 0,1 18.5,13A1,1 0 0,1 19.5,12Z" /></svg> <img style="all: unset; visibility: hidden;
post this into Icon field
enjoy your svg as icon
Definitely not perfect, but gets the job done.
Support for it would be better though.