Advanced Component Editor (FMX)

You can set SVGIconImageList properties using the classic Delphi Object inspector, in combination with the collection editor and the Structure editor, but it's most simple to use the advanced Image Editor supplied: double-click to the component to open the component editor as you can do with any Delphi component.

Operations

In this figure you can see the advanced component editor for FMX version of SVGIconImageList:

At the top-left of the editor you can set the properties of your SVGIconImageList instance: the Size property is used only if you don't use the AutoResizeBitmap option.

The Width and Height properties are useful if you want to change the aspect ratio (width/height) of all of your icons.

The Zoom property is useful if you want to reduce the dimensions of all of your icons.

AutoResizeBitmap option give to any components that required a bitmap of the SVG Icon to get a perfect resized bitmap of the requested dimensions.

GrayScale option apply a gray color to all of your Icons.

FixedColor property apply a specific color to all of your Icons.

Source and Destination Collections synchronized

A big advantage when you use the component editor is that the Source and the Destination collections of the ImageList are always syncronized, one-by-one, so you can easily build your collection of icons, simply Adding/Inserting or Deleting the icons in the editor.

At the center of the editor you can see a preview of the icons in the collection.

Selecting an icon you can see the properties of the Source item and change it. When you change the IconName of the Source also the Destination acquire the same name.

In the "Memo" you can see the SVGText of the icon: using the splitter you can enlarge the view of the text inside.