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.

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

Example:

icon: AWS/Compute/EC2.svg

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

Ilograph 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

Ilograph Desktop, Team Workspaces, and Confluence Cloud 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

Confluence Cloud only - Images directly attached to an Ilograph diagram in Confluence Cloud can be used as icons. To do so, click the “Diagram icons” button (followed by the “View attachments” button in the dialog):

From there, attach image files to the document using the “Attach files” tool:

Once attached, icons can be referenced by attached file’s filename (with extension). The autocomplete tool in the editor should help guide you.