Asus routers come with a handful of icons available to tag your devices. This visual cue in the list of online devices can speed identification. While there are a lot of Apple devices present, it is missing a few. In addition it is missing some for home automation, connected devices, and security.
I wanted to have all the devices have icons that look like they were part of Asus WRT. To start I grabbed a screenshot of the available device icons:
From this image I was able to find the fill color and icon color. The fill color is #798D94, or RGB (121,141,148):
The border and drawing color is #2F383B , or RGB (47,56,59):
I then used Pixelmator Pro to create a transparent background image sized at 640 x 640 pixels.
From there a drew a box with rounded corners (150 px radius), with a stroke of 22 px solid line on the inside using the border/draw color of the Asus images, and a fill color matching the fill color of the Asus images.
I saved this as a template, and exported it as a PNG. Basically it’s a blank icon:
Then I found icons I could use, and altered the color to match the border/draw color of the Asus images. If the images were much smaller than my 640 pixel blank, I shrunk the blank so it was just bigger than the icon. Once the blank and icon matched sizing, I copied the icon into the blank. Then I shrank the image to 128 x 128 pixels, and exported it to PNG.
Now I have Apple TV and Apple Watch icons, and a few others. Here are the ones I created:
I created several others as well including a garage door, scale, security, doorbell, thermostat, bed, nas drive, and voip phone.
The links on the images above should take you to the full size image should you want to save them and use them.
Enjoy.
Thank you for the Asus icons.