Additional Device Icons

s_Fanous

Occasional Visitor
First and foremost apologies if this has been discussed before. I tried to search within the forums but couldn't find a thread. My question deals with device icons displayed in the Web UI.
  1. How come the router is displaying some icons that are not available for manual selection? For example I have a Synology NAS, the router is displaying a Synology icon but I'm not seeing how I can select this icon for other devices.



  2. Where on the filesystem are these icons located? I couldn't find them within the /www/images folder/sub folders
  3. Is anyone maintaining a repository for extra icons?
TIA
 

tsunami2311

Senior Member
First and foremost apologies if this has been discussed before. I tried to search within the forums but couldn't find a thread. My question deals with device icons displayed in the Web UI.
  1. How come the router is displaying some icons that are not available for manual selection? For example I have a Synology NAS, the router is displaying a Synology icon but I'm not seeing how I can select this icon for other devices.


  2. Where on the filesystem are these icons located? I couldn't find them within the /www/images folder/sub folders
  3. Is anyone maintaining a repository for extra icons?
TIA


I noticed this to for instance some of my devices get a Laptop icon by default, but that icon is NOT select able in the list of icons, my laptops sure dont get defaulted to laptop icon and I cant select that icon. there icons that are built into the fw that are missing from list

This started with the 380.58? I think that is build that had all the icons looks changed? which when some icons that are actual in FW which when I start to notice some device default to laptop icon but I couldn't find said laptop icon in the list to pick
 

Ronny MF Ho

New Around Here
Hope my reply is not too late... I made up an icon with the default icons... Windows Notebook. In fact, I tailor made icons for all my devices... very much better than those build-in icons.
 

Attachments

  • WinNB.gif
    WinNB.gif
    4.4 KB · Views: 8,952
  • Screen Shot 2016-08-30 at 1.11.45 PM.png
    Screen Shot 2016-08-30 at 1.11.45 PM.png
    263.1 KB · Views: 8,127

VANT

Very Senior Member
anyone have icon for switch ?
 

brokensoftware

New Around Here
  1. How come the router is displaying some icons that are not available for manual selection?
  2. Where on the filesystem are these icons located? I couldn't find them within the /www/images folder/sub folders
The router can load images from locations other than itself - for example, see the WinNB.gif another user posted - save that to your own file system and you can select it via the big '+' icon in the lower right of the image you posted (I just did exactly that because I wanted an icon for a "Windows laptop")

The icons - or at least a lot of them - appear to be located in the vector file (!) located ON the router at: http://192.168.1.1/images/New_ui/networkmap/client-list.svg
[this is for a "stock" asus rt-ac68p - don't know about others). If you look at the SOURCE for that file via your browser it shows a bunch of, not surprising, vector coordinates, etc.

If you look at the source for this page: http://192.168.1.1/index.asp
you'll see a long bunch of code that contains references to the displayed icons - after "viewing source" look for "Windows" and you'll see the code for that matrix of icons - note that a LOT of icons are apparently missing, e.g. "type8" is missing, etc. I'd assume, for whatever reason, Asus decided to not make accessible certain existing icons to make that matrix physically smaller.

I know nothing about vector images but I'd suspect the proper image editor could yank out the existing-but-unavailable icons from that "client-list.svg" file, save them to your own filesystem, thus allowing you to load them back in for your own devices.
 

hunne

New Around Here

Attachments

  • found.jpg
    found.jpg
    26.9 KB · Views: 3,561
  • client-list.png
    client-list.png
    13.1 KB · Views: 4,004
  • vender-list.png
    vender-list.png
    14.8 KB · Views: 3,971
  • client-listover.png
    client-listover.png
    13.4 KB · Views: 3,721

hunne

New Around Here
sry, no time 2 make any icons, but here a example, approximately 5min. one icon
load this in piceditor from post be4 : vender-list.png
1:

2:

3:

save as PNG-8 = 1.690 Bytes
save as PNG-24 = 3.838 Bytes

hope it helps
 

Attachments

  • Samsung.png
    Samsung.png
    1.9 KB · Views: 2,392
  • SamsungS7,png-24.png
    SamsungS7,png-24.png
    3.7 KB · Views: 1,750
  • SamsungS7.png-8.png
    SamsungS7.png-8.png
    1.7 KB · Views: 1,457

hunne

New Around Here
Thanks for the guide, time for some creativity and make some custom icons.

One remark:



gives a 404 - file not found. Maybe a typo in the url?

this is my router ip / or the default-ip from ASUS Wireless Router RT-AC68U
the png's i upload from ASUS Wireless Router RT-AC68U .. no idea other router have other pic-description
scroll down the post .. u find all png's in "Attached Files"
 
M

MarCoMLXXV

Guest
I have the same IP (it's the default IP) and the other two URL's worked just fine, that's why I mentioned it ;) Nevertheless, thanks for sharing!
 

hunne

New Around Here
ahh than i know, my english is not really good.. sry .. the pics go in webbrowsercache, u must hit any pic and with the mouse over the defaulticons, than the url works.
"how i can easy find the pic's/icons in a router" - example with opera..

first login in router than right-mouse on any pic .. kontexMenu is open & hit last button -> inspect element
look right side above "sources" and hit this. now hit all pics u can find in router or "inspect element", they
load & reload in right side (o.cache) green=pic/icon etc. - look pitures i have make..

1:


2:


3:


save all u want
have fun
 

hunne

New Around Here
some more with "copy,paste,resize&save" - more devices i will probably not have.
if i have something new, i will post it.
 

Attachments

  • SamsungTab10.png
    SamsungTab10.png
    1.5 KB · Views: 2,125
  • Switch.png
    Switch.png
    1.6 KB · Views: 2,566
  • AppleLap.png
    AppleLap.png
    1.2 KB · Views: 2,141
  • LinuxLap.png
    LinuxLap.png
    1.3 KB · Views: 1,892
  • WinLap.png
    WinLap.png
    1.2 KB · Views: 2,414

hunne

New Around Here
some more
 

Attachments

  • Synology.b.NAS.png
    Synology.b.NAS.png
    1.4 KB · Views: 2,659
  • Synology.w.NAS.png
    Synology.w.NAS.png
    1.4 KB · Views: 1,926
  • WDCloud.EX2.b.png
    WDCloud.EX2.b.png
    1.4 KB · Views: 2,085
  • WDCloud.EX2.w.png
    WDCloud.EX2.w.png
    1.4 KB · Views: 1,649
  • Zyxel.NAS.png
    Zyxel.NAS.png
    1.6 KB · Views: 1,341

hunne

New Around Here
some revised .. Tab-icon was 2 dark, Switch was 2 awry, Mede8er now b,s & sharp, Note4 now hw.
have fun
 

Attachments

  • SamsungTab10h.png
    SamsungTab10h.png
    1.5 KB · Views: 1,287
  • Switch1c.png
    Switch1c.png
    1.6 KB · Views: 1,853
  • MED1000X3Db.png
    MED1000X3Db.png
    1.5 KB · Views: 1,426
  • MED1000X3Ds.png
    MED1000X3Ds.png
    1.6 KB · Views: 1,182
  • SamsungN41.png
    SamsungN41.png
    1.4 KB · Views: 1,326

TheUntouchable

Regular Contributor
Could you perhaps make something like that for a telefone? :D (like Gigaset c430a go)
 

nerdherd46

New Around Here
I no longer seem to have the option to add custom icons. The "+" symbol is no longer at the end of my icon list. Anybody else have this issue? Using Merlin 380.66.6 on an RT-N66U. Thanks.
 

scrimpy

New Around Here
Have created some basic icons for some of the devices I have.

Withings ( now owned by Nokia )
Broadlink ( IoT wifi switches and devices )
Raspberry Pi ( couldn't believe folks hadn't already created it
Orvibo ( similar to Broadlink ).
 

Attachments

  • withings.png
    withings.png
    12.9 KB · Views: 2,078
  • broadlink.png
    broadlink.png
    17.1 KB · Views: 2,183
  • raspberrypi.png
    raspberrypi.png
    11.9 KB · Views: 4,988
  • orvibo.png
    orvibo.png
    7.2 KB · Views: 1,686
  • orvibo-2.png
    orvibo-2.png
    6.9 KB · Views: 1,826
Last edited:

Latest threads

Sign Up For SNBForums Daily Digest

Get an update of what's new every day delivered to your mailbox. Sign up here!
Top