Skip to main content

Outline Stroke Feature

Written by Devie

Outline Feature converts adjustable strokes into fixed vector objects, similar to Figma's Outline Stroke feature.

Most of Streamline’s line icons are adjustable, which means you can make them thinner or thicker in ''Stroke Width'’ feature or your software of choice depending on your needs.

But if you want to set up a specific stroke width and keep it fixed and flattened, you can do that with the “Flatten” feature, which basically turns strokes into objects, just like Figma’s “Outline Stroke” feature.

  • Where to find it

    The Outline toggle is located in the icon editor toolbar, next to the Box setting.

  • How it works

    • Outline: Off – The icon remains stroke-based, allowing you to continue adjusting the stroke width.

    • Outline: On – The strokes are converted into vector objects (filled paths).

  • What happens when you resize an icon?

    • Outline Off: The icon remains stroke-based, so you can continue adjusting the stroke width after resizing.

    • Outline On: The icon scales as a vector object while preserving the appearance of the stroke width that was applied when it was flattened.

Why use Outline Stroke?

Use Outline Stroke when you want to:

  • Lock in a specific stroke width.

  • Export icons as filled vector shapes.

  • Ensure consistent rendering across different design tools.

  • Prepare icons for workflows that require outlined vector paths instead of editable strokes.

Outline vs Flatten features

Outline converts adjustable strokes into filled vector objects (like Figma’s Outline Stroke). Flatten merges groups and overlapping paths into one object (like Flatten+Union).

Use Outline when you want strokes turned into objects but still kept as separate paths. Use Flatten when you want one combined shape.

Flattened icon when selected will have unified path

Outlined icon when selected remains with separated paths

Did this answer your question?