Skip to content

SVG Import

Node icon
Inputs

Imports SVG vector graphics and rasterizes them at any resolution, resolution-independent by nature.

SVG Import loads an SVG file and rasterizes it to pixels at whatever resolution you need. Because it works from vector source data, you can render the same SVG at 64x64 for an icon or 4096x4096 for a print asset with no quality loss.

Like Image In, it supports custom sizing, file watching for live updates, a Reload button, and relative file paths. Type assets/logo.svg and the path resolves relative to your .arcb file.

Fit Mode decides how the artwork maps onto custom dimensions: Stretch, Fit (letterbox), Fill (crop), or Width / Height (keep aspect), which render to one target dimension and let the other follow the aspect ratio. Because the vectors are rasterized at the chosen size rather than resampled from a fixed render, every fit mode stays crisp.

A Layers section lists the file’s own shapes and groups as a collapsible tree, so you can show or hide any single element, or a whole group at once, without editing the SVG. A filter box finds elements by name, and Show All / Hide All / Expand All / Collapse All act on the whole tree.

Hovering or clicking a row highlights that element in the preview, so it is obvious which shape a cryptic name refers to. Your show/hide choices are remembered per file and reset when you point the node at a different SVG.

The Vector section edits the artwork before it is rasterized, which is why the results stay clean at any output size instead of showing the artifacts you would get from pushing pixels around afterward.

ControlWhat it does
Stroke ScaleMultiplies every stroke width in the artwork. Line weights stay crisp at any output size, unlike thickening rasterized pixels.
Override FillReplaces every shape’s fill with one color, for a clean anti-aliased silhouette or a straight retint.
Override StrokeThe same for stroke color.
Fill RuleHow self-intersecting or compound paths decide their interior: keep the SVG’s Original rule, Non-Zero winding, or Even-Odd (overlaps punch holes).
Trim Start / Trim EndReveal only part of each path’s length. Together they draw a segment of every outline, which is the vector “draw-on” look and is not reproducible on a rasterized image.

Pins

ImagePixels
Output

File

SVG FileText

Path to SVG file

Watch FileToggle
Default: false

Auto-reload when the file changes on disk

Output

Custom SizeToggle
Default: false

Override native dimensions; rasterize at custom size

Fit ModeChoice
Default: Stretch
When Custom Size is on

How the SVG is sized to target dimensions

  • StretchStretch to exactly match target dimensions.
  • Fit (letterbox)Scale to fit inside target dimensions, preserving aspect ratio.
  • Fill (crop)Scale to fill target dimensions, preserving aspect ratio.
  • Width (keep aspect)Render to the target Width and let the height follow the aspect ratio. The vectors are rasterized crisply at that size, not resampled.
  • Height (keep aspect)Render to the target Height and let the width follow the aspect ratio. The vectors are rasterized crisply at that size, not resampled.
Width (px)Integer
Default: 512 Range: 1–8192
When Custom Size is on

Custom rasterization width

Height (px)Integer
Default: 512 Range: 1–8192
When Custom Size is on

Custom rasterization height

Vector

Stroke ScaleNumber
Default: 1.00 Range: 0.00–10.00

Multiply every stroke width in the artwork.

Because it happens before rasterization, line weights stay crisp at any output size, unlike thickening rasterized pixels.

Override FillToggle
Default: false

Replace every shape's fill with a single color.

Gives a clean, anti-aliased silhouette or retint straight from the vector.

Fill ColorColor (RGB)
Default: rgb(0, 0, 0)
Override Fill = on

Solid color applied to every fill when Override Fill is on

Override StrokeToggle
Default: false

Replace every shape's stroke color with a single color

Stroke ColorColor (RGB)
Default: rgb(0, 0, 0)
Override Stroke = on

Solid color applied to every stroke when Override Stroke is on

Fill RuleChoice
Default: Original

How self-intersecting or compound paths decide their interior (holes)

  • OriginalKeep whatever fill rule the SVG itself authored. The default.
  • Non-ZeroDirection-based winding fill: an overlap counts as inside unless the paths wind opposite ways.
  • Even-OddAlternating fill, so overlapping regions punch holes through each other.
Trim StartNumber
Default: 0.000 Range: 0.000–1.000

Reveal each path starting from this fraction of its length.

Paired with Trim End it draws only a segment of every outline: the vector "draw-on" look, impossible on a rasterized image.

Trim EndNumber
Default: 1.000 Range: 0.000–1.000

Reveal each path up to this fraction of its length

  • Use SVG Import for icons and logos that need to be exported at multiple sizes.
  • Enable Watch File to iterate on the SVG in your vector editor while ArcBrush keeps the pipeline live.
  • Use Fit Mode to control how the SVG fills non-native aspect ratios: Stretch, Fit (letterbox), Fill (crop), or Width/Height to lock one dimension and keep the aspect ratio.
  • Turn one multi-part logo file into several assets: point a few SVG Import nodes at the same file and hide a different set of layers on each.
  • Override Fill with white and export a matte straight from the vector, no keying needed.
  • Animate nothing, but stage a build-up: a row of nodes with increasing Trim End values gives you the frames of a draw-on sequence.