SVG Properties

The SVG Properties dialog edits document-level SVG properties that are useful when preparing icons for output or reuse.

Open it with:

Icon ‣ SVG Properties…

The dialog is organized into sections for the editor canvas, output size, rendering, and metadata.

Editor Canvas

IconVectors uses the SVG viewBox as the editor canvas. For example, an SVG with viewBox="0 0 24 24" opens as a 24 x 24 editing canvas even if its output width and height are larger.

This keeps editing coordinates, handles, and path geometry consistent with the icon grid.

Output Size

The SVG root width and height are treated as output properties. They describe the intended rendered size of the SVG, not the editing canvas.

Use these fields when you want a 24 x 24 icon to be saved with another output size, such as 48 x 48 or 128 x 128.

When the output width and height match the canvas size, IconVectors can omit them from the saved SVG because the viewBox already defines the size.

Rendering

The preserveAspectRatio option controls how the SVG scales when the output rectangle and viewBox have different proportions. Use it to preserve the SVG’s aspect ratio or to choose another SVG-supported scaling behavior.

Metadata

The dialog can edit root SVG metadata such as:

  • root id

  • title

  • description

These values are saved in the SVG source and can help identify or describe the icon in downstream workflows.

Notes

Changing SVG Properties updates SVG document data and should be saved with the file. View-only changes such as zoom remain editor state and are not stored as SVG document content.