Loading flowchart shapes...
SVGvector.com
SVGvector.com
Decision diamonds, process boxes, data parallelograms, document symbols, database cylinders and every connector you need — plus 100 UI wireframe frames and 100 annotation marks. One 24×24 grid, 1.5px stroke, currentColor. Copy the SVG, download the file, or take all 304 in a single ZIP. Free for commercial use, no sign-up.
Flowchart shapes are the standard symbols a process diagram is built from. Their meaning is fixed, so a reader can follow a flow without reading every label: a rounded terminator marks where a process starts or stops, a rectangle is a step, and a diamond is a decision with two or more exits. The set follows the classic ISO 5807 / ANSI symbol vocabulary — process, decision, data, document, predefined process, manual input, preparation, delay, database, stored data, internal storage, display, off-page connector, merge, extract, or-junction, sum-junction and loop limit — plus the connector lines that join them.
Icon libraries are not a substitute for this. FontAwesome, Tabler or Material will give you a 24px picture of a flowchart, but not the shapes themselves — nothing you can stretch into a real diagram, and nothing that reads as a decision diamond at 200px wide. These are actual stencils: one shape per file, no fill, one stroke weight, so a diagram drawn with them stays consistent from a whiteboard sketch to a printed A3.
Everything sits on a 24×24 grid with a 1.5px stroke. That is the same optical weight as a UI icon, so a flowchart built from these shapes drops into a product doc or a slide deck without looking like clip art.
Three sets share the same grid, so you can mix them in one diagram. The browser above switches between them with the tabs; the sidebar narrows to a category.
The quick reference most diagrams are judged against. Every row below is a shape in the browser above — search its name to jump straight to it.
| Shape | Name | What it means | File |
|---|---|---|---|
| Rounded capsule | Terminator | Start or end of the process | terminator |
| Rectangle | Process | A step, task or action | process |
| Diamond | Decision | A question with yes/no branches | decision |
| Parallelogram | Data | Input into or output from the flow | data |
| Wavy base | Document | A printed report or paper output | document |
| Double side lines | Predefined process | A named subroutine defined elsewhere | predefined-process |
| Cylinder | Database | Stored data the flow reads or writes | database |
| Slanted top | Manual input | Data typed in by hand | manual-input |
| Hexagon | Preparation | Setup before a loop begins | preparation |
| D-shape | Delay | A wait before the flow continues | delay |
| Small circle | Connector | Jump to another point on the same page | connector-circle |
| House / pentagon | Off-page connector | The flow continues on another page | off-page |
| Cut-corner box | Loop limit | Top of a for / while loop | loop-limit |
| Arrow | Flow line | Direction the flow travels | arrow-straight |
Pasting into Figma, Illustrator, Inkscape or Affinity: use Copy SVG Code and paste directly on the canvas — the shape arrives as editable paths, not as a flat image. In draw.io and PowerPoint, download the SVG and place it as a picture; both keep the vector.
All 304 shapes were drawn in-house for SVGVector and released under CC0 1.0. Use them in client work, products, courses, print and templates, commercially or not — no attribution required and no account to create. The pack ships with a licence file so a client's legal review has something to read.
No third-party licence to inherit. Because the artwork is ours, you do not have to carry an icon-font licence, an OFL notice or a link back — unlike FontAwesome or Material icons bundled into a product.