In: Atomic Nodes



The SVG Node allows placing and editing external and internal Vector format files.

Any time you need a SVG vector file in your Graph, this is the node you would use. There are a few ways to create this node, and all of them require you to understand the difference between Linking and Importing Resources. You can either Create the node from scratch, or by dropping an SVG file into the Graph view.

SVG caveats

SVG's are a special type of node, dependent on an external resource. For that reason, a few points need to be kept in mind when working with them:

  • SVG nodes can return either color or grayscale, but default to color even if the resource is a grayscale vector. This can affect graph performance and complexity, so always make sure to switch to grayscale mode if needed (see below parameters).
  • Deleting an SVG node does not delete the resource in your package, you have to manually do that in the Explorer.
  • Be careful when deleting an SVG Resource in the Explorer: it will still work in the Graph for that session (as it is kept in cache), but next time you open the program it will be missing.
  • SVG shapes are rendered as geometry/polygons in order to be mixed with other nodes. This is why some SVG properties (such as outlines) are not supported.


  • Color Mode: Color, Grayscale
    Determines the output type of the node, to either return in color or grayscale.
  • Background: Color value
    Sets the base background color to use where no Vector shapes are drawn.
  • PKG Resource Path:
    Path to the resource being used by the bitmap. Recommended not to type manually, but either copy a resource from the explorer and paste it (it will be converted to path on paste), or drag-and-drop a bitmap onto the bitmap node in the Graph.

Usage Guide

SVG Nodes can be edited inside Designer, there is a separate page that explains how to do this.