launchshots / icons / lucide / diagram-flow-horizontal

Diagram Flow Horizontal

Lucide ISC License
network nodes edges links connections relationships structure topology mind map visualization brainstorm brainstorming ideas concepts planning hierarchy branches organization tree workflow flowchart process process mapping sequence
Drop into editor

Copy the code

<!-- @license lucide-static v1.70.0 - ISC --> <svg class="lucide lucide-diagram-flow-horizontal" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <path d="M8 12h.5a3.5 3.5 0 013.5 3.5 3.5 3.5 0 003.5 3.5h.5" /> <path d="M8.5 12A3.5 3.5 0 0012 8.5 3.5 3.5 0 0115.5 5h.5" /> <rect x="16" y="16" width="6" height="6" rx="1" /> <rect x="16" y="2" width="6" height="6" rx="1" /> <rect x="2" y="9" width="6" height="6" rx="1" /> </svg>
<!-- Diagram Flow Horizontal icon (Lucide) --> <!-- @license lucide-static v1.70.0 - ISC --> <svg class="lucide lucide-diagram-flow-horizontal" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <path d="M8 12h.5a3.5 3.5 0 013.5 3.5 3.5 3.5 0 003.5 3.5h.5" /> <path d="M8.5 12A3.5 3.5 0 0012 8.5 3.5 3.5 0 0115.5 5h.5" /> <rect x="16" y="16" width="6" height="6" rx="1" /> <rect x="16" y="2" width="6" height="6" rx="1" /> <rect x="2" y="9" width="6" height="6" rx="1" /> </svg>
import { DiagramFlowHorizontal } from 'lucide-react'; export default function MyComponent() { return <DiagramFlowHorizontal size={24} strokeWidth={2} color="currentColor" />; }

Use this icon in your App Store screenshots

Open LaunchShots editor with this icon already dropped in as a sticker — resize, recolor, and ship.

Open in editor →

About the Diagram Flow Horizontal icon

The Diagram Flow Horizontal icon is part of the Lucide open-source icon set — a curated, consistent library used by indie devs and design teams. Lucide draws every icon on a 24×24 grid with a 2px stroke, so this Diagram Flow Horizontal icon will sit visually next to any other Lucide icon without retouching.

Search keywords related to this icon: network, nodes, edges, links, connections, relationships, structure, topology, mind map, visualization, brainstorm, brainstorming, ideas, concepts, planning, hierarchy, branches, organization, tree, workflow, flowchart, process, process mapping, sequence. If you're looking for a similar mark, the related grid below shares tags with this one.

Need it in a screenshot, mockup, or App Store preview? The Drop into editor button above opens the LaunchShots screenshot maker with the icon pre-loaded as a sticker — resize from any corner, change the color from the float toolbar, and export as PNG.

Related icons

Diagram Flow Vertical icon diagram-flow-vertical Graph Star icon graph-star Chart Network icon chart-network Graph Hub icon graph-hub Network icon network Boxes Linked icon boxes-linked Git Graph icon git-graph Waypoints icon waypoints Workflow icon workflow Arrow Down Up icon arrow-down-up Arrow Up Down icon arrow-up-down Chart Gantt icon chart-gantt

Latest from the blog

Guides
Google Play Console Pre-launch Report: Catching Bugs Before Users Do
Nov 8, 2026
Tips
Transfer iOS App Between Developer Accounts: Pre-Flight & Gotchas
Nov 7, 2026
Guides
App Store Connect TestFlight Group Management: Advanced Beta Builds
Nov 6, 2026
Tips
App Store Connect App Analytics Metrics Explained for Indie Developers
Nov 5, 2026
copied