Icons

Resource icons are specified using the icon property on a resource. This property is a string, and it can be used to define icons from different sources depending on the Ilograph environment (Web vs. Desktop). Image support is browser-dependant, but Ilograph recognizes the following as valid image extensions: png, jpg, jpeg, gif, svg, webp, apng, and avif.

Cloud icons

All Environments - These are built-in icons that are always available in all environments. Ilograph currently comes with AWS, Azure and GCP icons. See the current list of icons here. It is possible to search for cloud icons using the Ilograph editors autocomplete functionality.

Example:

icon: AWS/Compute/EC2.svg

Uploaded icons

Team Workspaces only - Upload custom icons that can be used in any diagram in your team workspace. Learn more about using custom icons in team workspaces.

Example:

icon: myIcon.png

Relative paths

Desktop only - When on desktop, icons can be specified using a path relative to the saved .ilograph file. Use the forward-slash (/) to delimit directories, even when on Windows. When working with a diagram that has not been saved yet, relative path-defined icons are unavailable.

Example:

icon: icons/company.png

Desktop and Team Workspaces only - Icons specified with https:// or http:// will show the specified image, if it is available.

Example:

icon: https://www.ilograph.com/img/icon.png
Last updated on 31 May 2021
Published on 4 Apr 2021