Custom icons reference

This reference topic describes the Netcool Agile Service Manager Custom Icons functionality.

Custom Icons

The Custom Icons page is displayed when you select Administration from the DASH menu, and then click Custom Icons under the Agile Service Management heading.

The Custom Icons page displays the following buttons.
New
Opens the Configure Custom Icon page
'Refresh' symbol
Reloads the icon information from the topology service
In addition, the Custom Icons page displays the following icon information in table format.
Name
Unique icon name
Icon
The icon itself
If you hover over a custom icon, it will be enlarged and displayed inside a circle to show what it will look like within a topology view.
Last Updated
Date and timestamp
Size (KB)
Size of the icon SVG in KB
'Edit' symbol
Opens the Configure Custom Icon page
'Bin' symbol
Deletes an icon.
If assigned to a resource type, a warning is displayed.
Category
Sorts icons by category

Configure Custom Icon

The Configure Custom Icon page is displayed when you select an icon on the Custom Icons page to edit it, or when you create a new icon. Here you define an icon's name and SVG XML (both required) using the provided SVG XML editor.

Name
Each icon must have a name, which uniquely identifies the icon when assigning it to a type.
You cannot change the name of an existing icon. If you want an icon to have a different name, create a new icon, then delete the old one.
SVG XML
Use the XML editor to enter or edit the SVG text.
Each icon definition must be valid svg xml with a given viewBox, which is important to ensure scaling of the image. The SVG editor rejects any invalid XML entered.
The svg definition must include inline styling of the image, such as stroke color and fill color. If style classes are used, naming must be unique for each svg image to prevent class definitions from being overwritten.
The XML editor includes a Preview area where the results of your SVG edits are displayed.
Category
Optionally, each icon can be assigned to a category. You can use categories to group icons of the same type or function together.
If you sort the full list of icons by Category, icons with the same category are displayed together.
Example: Use the following definition for the 'disk' icon as guidance: 
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
   <ellipse style="fill-opacity:0;stroke:currentColor;stroke-width:12.12270069;" id="path4139" cx="33.627117" cy="32.949142" rx="16.803904" ry="17.210684"/>
   <circle cx="33.827423" cy="33.055576" r="3.3037829"/>
</svg>