26 Flowchart Symbols and Meanings [+ Template] | FigJam (2024)

26 Flowchart Symbols and Meanings [+ Template] | FigJam (1)26 Flowchart Symbols and Meanings [+ Template] | FigJam (2)

When you’re designing a website, building an app, or mapping a business system, you need a way to chart steps and user flows clearly. While you might use flowcharts to outline these processes, arrows and boxes will only get you so far. To clearly show what you mean, you need flowchart symbols.

To help explain how each flowchart symbol—representing a step, choice, or user input—fits onto a diagram, you’ll learn what the most common symbols mean. From there, you can map them onto a few popular flowchart templates and see them all displayed on a chart for future reference.

Most common flowchart symbols

These basic flowchart symbols appear in most diagrams. Once you know these, you can read most flowcharts.

1. Terminator symbol

Meaning: the start or end ofaprocess

An oval symbol marks the first and last steps of a process. You can include “start” or “end” in the oval to highlight their order. You can use more than one oval for processes with multiple outcomes. Labeling these ovals with numbers or letters helps you track each endpoint in a complex user journey.

26 Flowchart Symbols and Meanings [+ Template] | FigJam (3)26 Flowchart Symbols and Meanings [+ Template] | FigJam (4)

2. Action symbol

Meaning: the actions or steps needed to carry outaprocess

A rectangular action symbol represents any step in a process. As a result, some teams call it a process symbol. These steps connect basic tasks or actions needed to reach an outcome. Manual actions and automatic steps both use this symbol, making it one of the most popular symbols in flowcharting.

26 Flowchart Symbols and Meanings [+ Template] | FigJam (5)26 Flowchart Symbols and Meanings [+ Template] | FigJam (6)

3. Decision symbol

Meaning: decisions that break flowcharts into multipleroutes

Diamond markers symbolize decisions users make at crossroads in a flowchart. You can place decision markers at simple forks in the road or points leading to multiple paths. More often than not, decision markers represent a true/false or yes/no question.

26 Flowchart Symbols and Meanings [+ Template] | FigJam (7)26 Flowchart Symbols and Meanings [+ Template] | FigJam (8)

4. Directional flowsymbol

Meaning: the paths a flowchart’s user takes betweensteps

Arrows guide users along paths on a flowchart. Arrows lead between different process symbols to show how actions lead to outcomes. In this sense, directional flow highlights cause and effect. Dotted or dashed arrows can represent alternate paths to the sameoutcome.

26 Flowchart Symbols and Meanings [+ Template] | FigJam (9)26 Flowchart Symbols and Meanings [+ Template] | FigJam (10)

5. Input and outputsymbol

Meaning: data or finished products entering and leaving aprocess

Input and output symbols reveal when goods or data enter and leave a system. Sometimes called the data symbol, this icon shows how resources are used or generated. Inputs refer to something a user enters, while outputs can mean any data or products built byasystem.

For example, customer orders and payments represent a system input. Once you process this input, your system gives an output, such as an order delivery. When adding this symbol, specify whether it means an input oranoutput.

26 Flowchart Symbols and Meanings [+ Template] | FigJam (11)26 Flowchart Symbols and Meanings [+ Template] | FigJam (12)

Pro tip: Your flowchart should use these basic symbols as a baseline. You can add more advanced icons after outlining basic outcomes and choices. Try the flowchart template to get started now.

Advanced symbols for flowchart pros

While basic symbols highlight the main elements in your system, advanced symbols let flowcharts function in more intricateways.

6. Preparation symbol

Meaning: setup or preparation needed to move on to thenextstep

Preparation symbols represent the setup for another step in your process. They can also differentiate between steps designed to prepare you for work and the steps involving that work. Remember that preparation symbols apply to the process they sit within, so preparation to use an outside tool or resource wouldn’t call for thissymbol.

26 Flowchart Symbols and Meanings [+ Template] | FigJam (13)26 Flowchart Symbols and Meanings [+ Template] | FigJam (14)

7. Alternate process symbol

Meaning: an alternate progression to the normal stepflow

Alternate process symbols show how a system can deviate from its standard process flow. These alternate paths often lead to the same outcome as basic process symbols, but they can also lead to unique outcomes. Dotted or dashed arrows represent the path between alternate steps in process mapping.

26 Flowchart Symbols and Meanings [+ Template] | FigJam (15)26 Flowchart Symbols and Meanings [+ Template] | FigJam (16)

8. Predefined process symbol

Meaning: a separate process mapped outelsewhere

This symbol shows up when your flowchart initiates a process you defined elsewhere. Typically, these processes are too complex to fit onto your flowchart. In other cases, the process is well known, and the symbol works as a shorthand. So, teams use the predefined process symbol to keep charts as clear aspossible.

Some teams call this a subroutine symbol in the context of programming flowchart symbols.

26 Flowchart Symbols and Meanings [+ Template] | FigJam (17)26 Flowchart Symbols and Meanings [+ Template] | FigJam (18)

9. Loop limit symbol

Meaning: indicates the point at which looping steps shouldstop

Some programming tools use loops, or processes that repeat themselves. These loops can repeat automatically until they reach a desired outcome. This programming symbol states when a loop should stop, either after giving the correct result or going through a predetermined number ofloops.

26 Flowchart Symbols and Meanings [+ Template] | FigJam (19)26 Flowchart Symbols and Meanings [+ Template] | FigJam (20)

10. Delay symbol

Meaning: a delay or pause in the progression ofsteps

Delay symbols highlight segments of your process when users have to wait and how long the delay will last. While they sound inconvenient, delays play an important role in your processes. For example, you might include a delay when taking extra risk-prevention steps.

26 Flowchart Symbols and Meanings [+ Template] | FigJam (21)26 Flowchart Symbols and Meanings [+ Template] | FigJam (22)

Try this flowchart template

Want to make a flowchart template with visual flair? Get started with FigJam's free template today.

Get this template

11. Manual input symbol

Meaning: steps where users have to enter information manually

Manual input symbols point out steps prompting users for information. For example, users need to enter a manual input when logging onto their account or entering shipping information.

26 Flowchart Symbols and Meanings [+ Template] | FigJam (23)26 Flowchart Symbols and Meanings [+ Template] | FigJam (24)

12. Manual operation symbol

Meaning: a non-automated process you must complete manually

Manual operation symbols highlight tasks users have to complete themselves. You can’t automate every process in a flowchart, so this symbol helps teams consider how they’ll build a user-friendly version of thisprocess.

Some teams refer to this as the manual loop symbol, coming in when a process doesn’t have a loop limit. Instead of making an AI end the loop, users will stop itthemselves.

26 Flowchart Symbols and Meanings [+ Template] | FigJam (25)26 Flowchart Symbols and Meanings [+ Template] | FigJam (26)

Pro tip: Not all flowcharts need advanced symbols. Whether they play a role on the chart depends on the complexity of your process. That said, flowcharts used by multiple teams benefit from the extra specificity. Try a cross-functional template for these intricate projects.

Flowchart symbols for storing and sharingdata

Document and data symbols explain how and when flowchart data gets stored. These flowchart icons also let developers share notes and explain their information architecture.

13. Document symbol

Meaning: a document, report, or form containing relevant information

Document symbols highlight when users input a document or when a program generates one. For example, you'd use this symbol when telling a user to create an invoice or accept a memo. You can also stack multiple document symbols to represent multipleforms.

26 Flowchart Symbols and Meanings [+ Template] | FigJam (27)26 Flowchart Symbols and Meanings [+ Template] | FigJam (28)

14. Data storage and stored datasymbol

Meaning: a step where data gets stored within aprogram

Stored data symbols reveal when data enters a program’s storage. Use this symbol when describing specific data used for one step or broader data relevant to an entireprocess.

26 Flowchart Symbols and Meanings [+ Template] | FigJam (29)26 Flowchart Symbols and Meanings [+ Template] | FigJam (30)

15. Internal storage symbol

Meaning: information stored in a system’s internalmemory

Internal storage plays a role in software design flowcharts. Flowchart designers use this symbol when going through a process that stores information. This symbol applies to information entered by users or generated byprograms.

26 Flowchart Symbols and Meanings [+ Template] | FigJam (31)26 Flowchart Symbols and Meanings [+ Template] | FigJam (32)

16. Hard disk symbol

Meaning: location where data gets stored onaharddrive

Teams use this symbol when using direct access storage, or hard drive storage, during a process. When a program doesn’t use online databases, local storage keeps data safe andaccessible.

26 Flowchart Symbols and Meanings [+ Template] | FigJam (33)26 Flowchart Symbols and Meanings [+ Template] | FigJam (34)

17. Database

Meaning: data listed in a standard structure that allows for sorting andsearching

Database symbols represent information kept in modern storage. Unlike tape data, databases allow you to search and access data in any order. You can also filter the data for different users.

26 Flowchart Symbols and Meanings [+ Template] | FigJam (35)26 Flowchart Symbols and Meanings [+ Template] | FigJam (36)

18. Collate symbol

Meaning: orders information in a standardformat

Collate symbols pop up when processes standardize information. Systems often draw on data points in different formats. Collate symbols reformat this information and standardize it into a new arrangement.

26 Flowchart Symbols and Meanings [+ Template] | FigJam (37)26 Flowchart Symbols and Meanings [+ Template] | FigJam (38)

19. Sort symbol

Meaning: organizes a list of items into a set or sequence based on predetermined criteria

Sort symbols collect data from across a flowchart and compile it like collate symbols. However, sort symbols can create flowchart categories, combine processes, and lay out actions in sequence. Sort symbols don’t necessarily standardize the data theycollect.

26 Flowchart Symbols and Meanings [+ Template] | FigJam (39)26 Flowchart Symbols and Meanings [+ Template] | FigJam (40)

20. Annotation/comment symbol

Meaning: provides additional information on a step inaprocess

Flowchart writers use annotations or comments to explain their processes in more detail. This symbol can provide instructions or contextual information. Remember that these annotations often help designers and developers rather than theenduser.

26 Flowchart Symbols and Meanings [+ Template] | FigJam (41)26 Flowchart Symbols and Meanings [+ Template] | FigJam (42)

21. Display symbol

Meaning: indicates a step that displays information

Some processes automatically display information as users move along. Display symbols indicate when this happens and what information will be displayed. Unlike annotations, display symbols focus on customers’ needs over internal teams’.

26 Flowchart Symbols and Meanings [+ Template] | FigJam (43)26 Flowchart Symbols and Meanings [+ Template] | FigJam (44)

Pro tip: These symbols help programmers map processes and suit flowcharts that store data and documentation users need to know about. You can use the programming flowchart template in cases like these.

Flowchart symbols for seamless navigation

Navigation symbols help track flows and connect ideas spanning multiplepages.

22. Or symbol

Meaning: a branch in the flow where users must choose one pathoranother

Flows can branch off into two paths depending on user inputs or goals. An or symbol highlights these branching points in auser’sflow.

26 Flowchart Symbols and Meanings [+ Template] | FigJam (45)26 Flowchart Symbols and Meanings [+ Template] | FigJam (46)

23. Merge symbol

Meaning: a point where two steps, lists, or processes combine

On flowcharts, lists and processes can branch off and reconnect. Merge symbols let the reader know when this occurs. In other cases, merge symbols combine previously unrelated processes orlists.

26 Flowchart Symbols and Meanings [+ Template] | FigJam (47)26 Flowchart Symbols and Meanings [+ Template] | FigJam (48)

24. Summoning junction symbol

Meaning: points where multiple flows or paths converge back into a singleprocess

Summoning junctions work like merge symbols for more than two branches. Summoning junction symbols combine three or more flows and lists into a singleprocess.

26 Flowchart Symbols and Meanings [+ Template] | FigJam (49)26 Flowchart Symbols and Meanings [+ Template] | FigJam (50)

25. On-page connector symbol

Meaning: points where flows end and resume on different parts ofachart

On-page connectors link different elements on a page, and can replace long arrows on a complex flowchart. Keep track of each symbol by placing the same letter or number inside twoconnectors.

26 Flowchart Symbols and Meanings [+ Template] | FigJam (51)26 Flowchart Symbols and Meanings [+ Template] | FigJam (52)

26. Off-page connector symbol

Meaning: points when a flow ends on a page and resumes on anotherchart

Complex flow charts use off-page connectors to link elements across pages. A page number will often sit beside the connector to show you where the symbol connects. Off-page targets occur more within complicated systems.

26 Flowchart Symbols and Meanings [+ Template] | FigJam (53)26 Flowchart Symbols and Meanings [+ Template] | FigJam (54)

Pro tip: Navigational symbols can make moving through any flowchart easier, but web designers get extra mileage from these icons. Designers can use these symbols to lay out site architecture and explain user flows. You can map this out on the website flowchart template.

Flowchart symbols template

You can edit workflows and chart your next process with a flowchart symbols template. We broke down each symbol on one easy-to-read chart.

26 Flowchart Symbols and Meanings [+ Template] | FigJam (55)26 Flowchart Symbols and Meanings [+ Template] | FigJam (56)

Chart and symbolize your processes withFigJam

Flowcharts guide teams from early brainstorming to process refinement. You can build great diagrams through a project lifecycle by learning the meanings of common flowchart symbols.

To go the extra mile in collaboration, try FigJam, a shared online whiteboard. FigJam allows teams to diagram and share notes on a virtual whiteboard. We also provide a library of over 300 templates to help kick-start your creativity.

26 Flowchart Symbols and Meanings [+ Template] | FigJam (2024)

FAQs

What is a flowchart and its symbols? ›

Flowcharts use special shapes to represent different types of actions or steps in a process. Lines and arrows show the sequence of the steps, and the relationships among them. These are known as flowchart symbols.

What are the 5 shapes of a flowchart and what do they mean? ›

The oval, rectangle, diamond, parallelogram and arrow are the basic process flowchart symbols. The oval represents the start and end. The rectangle represents any step in the process, like tasks or actions. The diamond symbol indicates a decision.

What is a flowchart for code template? ›

Also called a code flowchart, a programming flowchart template is a diagram that helps you visualize the flow of code in a project. These graphic organizers rely on a handful of shapes and connectors to represent different aspects of the coding process.

What are the 4 main flowcharts? ›

4 Most Common Types of Flowcharts. While the variations and versions of flowcharts are endless, four flowchart types are particularly popular and very versatile — the process flowchart, the workflow chart, the swimlane flowchart, and the data flowchart.

What are the basics of flowchart? ›

A flowchart is a picture of the separate steps of a process in sequential order. It is a generic tool that can be adapted for a wide variety of purposes, and can be used to describe various processes, such as a manufacturing process, an administrative or service process, or a project plan.

What does a dashed line mean in a flowchart? ›

Just like flowchart symbols, flowlines also have standardization. A regular line denotes data or process flows from one shape to another. A dashed line represents alternate paths or an alternate process.

What is the easiest way to create a flowchart? ›

The easiest way to create a flowchart is by utilizing a dedicated flowchart maker, such as Visme. However, you can also create a basic flowchart using software like Microsoft Word or PowerPoint.

What is a flow chart example? ›

A flowchart can also be defined as a diagrammatic representation of an algorithm, a step-by-step approach to solving a task. A simple flowchart representing a process for dealing with a non-functioning lamp. The flowchart shows the steps as boxes of various kinds, and their order by connecting the boxes with arrows.

Do coders use flowcharts? ›

A programmer can use a flowchart or process map to illustrate data flow in computer programs. This includes how data enters the program, undergoes changes, and produces an output. A business user can use a flowchart to evaluate how well a current or new business process works.

What is the connector symbol in a flowchart? ›

The on-page flowchart connector symbol is a circle containing any specific letter which is inserted in both on-page connectors to demonstrate that the next one is the continuation of the previous.

What is flowchart grade 7? ›

Flow charts are diagrammatic ways to represent a list of actions that happen and the order they happen in. To introduce the idea we will look at simple flow charts that use just three different shapes. Ovals, are used to show the beginning and end. Rectangles are used to convey actions.

What is the standard terminal symbols for flowchart? ›

Terminal symbols are the ones which mark the beginning or end of process. They are represented by oval shape. Circle shape represents connector. Diamond represents decision or choices thus showing the branching in process.

What are the 6 elements of a flowchart? ›

Answer:
  • Participants.
  • Activities.
  • Order.
  • Input.
  • Output.
  • Standardization.
Apr 10, 2021

What are the basic symbols used in data flow diagrams? ›

Data flow diagram symbols are standardized notations, like rectangles, circles, arrows, and short-text labels. These symbols represent a system's data flow direction, inputs, outputs, storage points, and sub-processes.

Top Articles
Latest Posts
Recommended Articles
Article information

Author: Foster Heidenreich CPA

Last Updated:

Views: 6057

Rating: 4.6 / 5 (56 voted)

Reviews: 95% of readers found this page helpful

Author information

Name: Foster Heidenreich CPA

Birthday: 1995-01-14

Address: 55021 Usha Garden, North Larisa, DE 19209

Phone: +6812240846623

Job: Corporate Healthcare Strategist

Hobby: Singing, Listening to music, Rafting, LARPing, Gardening, Quilting, Rappelling

Introduction: My name is Foster Heidenreich CPA, I am a delightful, quaint, glorious, quaint, faithful, enchanting, fine person who loves writing and wants to share my knowledge and understanding with you.