Outline icons — also called line icons — use strokes rather than fills to define shapes. They feel lightweight, elegant, and work well on both light and dark backgrounds. Getting them right requires telling the model to stay in "stroke only" territory.
What Are Outline Icons?#
Outline icons are defined by their strokes: thin or medium lines that trace the shape of an object, with no fill inside. Think of the icons in macOS Finder's sidebar, or the tab bar icons in most iOS apps. They convey information with minimal visual weight.
Key Prompt Keywords#
| Keyword | Effect |
|---|---|
outline style | Core signal — strokes only, no fill |
line icon | Strong alternative to "outline style" |
stroke only | Explicit — suppresses any fill inside shapes |
thin lines | Produces lighter, more delicate strokes |
medium weight stroke | Good balance of readability and elegance |
monochrome | Single color, prevents unwanted multi-color fills |
no fill | Reinforces stroke-only rendering |
minimal detail | Keeps lines clean and readable at small sizes |
Good vs Bad Prompt Examples#
Example 1: Bell / notification icon#
Weak: bell icon, simple
Strong: a bell, outline style, stroke only, thin lines, monochrome, no fill
Without "outline style", the model may default to a flat filled bell. "Stroke only" and "no fill" reinforce the intent.
Example 2: Settings / gear#
Weak: settings icon
Strong: a gear, line icon, medium weight stroke, monochrome, minimal detail
A bare "settings icon" prompt often produces flat filled styles. "Line icon" clearly signals outline treatment.
Example 3: Search / magnifier#
Weak: a magnifying glass, minimalist
Strong: a magnifying glass, outline style, thin lines, no fill, single color, clean
"Minimalist" often produces flat fills. Combining "outline style", "thin lines", and "no fill" locks in the stroke-only result.