John KuehJohn Kueh

flow icon

HugeIcons · FlowIcon · MIT

Download SVG

The HugeIcons flow icon depicts a series of connected elements, typically used to represent a process, workflow, or data stream in a user interface.

Common uses

  • Visualizing a multi-step process
  • Indicating data pipeline stages
  • Representing a user journey

Use it in React

Install
npm i @hugeicons/react @hugeicons/core-free-icons
Import & render
import { HugeiconsIcon } from '@hugeicons/react';
import { FlowIcon } from '@hugeicons/core-free-icons';

<HugeiconsIcon icon={FlowIcon} size={24} strokeWidth={1.5} />

Details

Library
HugeIcons (5,121 icons)
License
MIT
viewBox
0 0 24 24
Keywords
workflowprocesssequencestream

FAQ

What does the flow icon represent?
The flow icon represents a sequence or connection between elements, commonly used for workflows, processes, or data streams.
How do I use the FlowIcon in React?
Import both HugeiconsIcon and FlowIcon, then render <HugeiconsIcon icon={FlowIcon} />.
What is the license for this icon?
The FlowIcon is distributed under the MIT license.

Related icons

The same idea in other libraries, and near matches in HugeIcons.

Looking for something else? Search HugeIcons and 4 more libraries by description →

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →