Skip to content

Icons

Icons overview

Icons are used to visually distinguish devices in the app in most of the device listing tables and the network tree.

Raspberry Pi with a brand icon

Icons Support

Two types of icons are suported:

You can assign icons individually on each device in the Details tab.

Adding new icons

  1. You can get an SVG or a Font awesome HTML code

Copying the SVG (for example from iconify.design):

iconify svg

Copying the HTML code from Font Awesome.

Font awesome

  1. Navigate to the device you want to use the icon on and click the "+" icon:

preview

  1. Paste in the copied HTML or SVG code and click "OK":

Paste SVG

  1. "Save" the device

Note

If you want to mass-apply an icon to all devices of the same device type (Field: Type), you can click the mass-copy button (next to the "+" button). A confirmation prompt is displayed. If you proceed, icons of all devices set to the same device type as the current device, will be overwritten with the current device's icon.

  • The dropdown contains all icons already used in the app for device icons. You might need to navigate away or refresh the page once you add a new icon.

🌟 Pro Font Awesome icons

If you own the premium package of Font Awesome icons you can mount it in your Docker container the following way:

/font-awesome:/app/front/lib/font-awesome:ro

You can use the full range of Font Awesome icons afterwards.