flowchart icon

flowchart-16 from Octicons by GitHub · 16 · MIT Free for personal and commercial use.

Name: flowchart-16
Set: Octicons
Style: 16
Viewbox: 16×16
License: MIT

1 other variant in Octicons

The same icon in other sets

flowchartFramework7 Icons flowchart-16-filledFluent UI System Icons flowchartMaterial Symbols flowchartMaterial Symbols Light flowchartTDesign Icons

Use the flowchart icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M9.25 5c.199 0 .39-.079.53-.22a.747.747 0 0 0 0-1.06a.75.75 0 0 0-.53-.22zm-2-1.5a.75.75 0 0 0-.53.22a.747.747 0 0 0 0 1.06c.14.141.331.22.53.22zm7 8.75l.53.53c.3-.3.3-.77 0-1.06zm-1.47-2.53a.748.748 0 0 0-1.244.23a.76.76 0 0 0 .184.83l.53-.53zm-1.06 4a.748.748 0 0 0 .23 1.244a.76.76 0 0 0 .83-.184l-.53-.53zm1.53-.72c.199 0 .39-.079.53-.22a.747.747 0 0 0 0-1.06a.75.75 0 0 0-.53-.22zm-6-1.5a.75.75 0 0 0-.53.22a.747.747 0 0 0 0 1.06c.14.141.331.22.53.22zm3.53-4.72l.53-.53l-1.06-1.06l-.53.53l.53.53zM5.72 9.72l-.53.53l1.06 1.06l.53-.53l-.53-.53zm3.53-5.47V3.5h-2V5h2zm5 8l.53-.53l-2-2l-.53.53l-.53.53l2 2zm0 0l-.53-.53l-2 2l.53.53l.53.53l2-2zm-1 0v-.75h-6V13h6zm-3-6l-.53-.53l-4 4l.53.53l.53.53l4-4zM3.25 2v.75h2v-1.5h-2zm2 0v.75c.28 0 .5.22.5.5h1.5a2 2 0 0 0-2-2zM6.5 3.25h-.75v2h1.5v-2zm0 2h-.75c0 .133-.053.26-.146.354a.5.5 0 0 1-.354.146v1.5a2 2 0 0 0 2-2zM5.25 6.5v-.75h-2v1.5h2zm-2 0v-.75a.5.5 0 0 1-.354-.146a.5.5 0 0 1-.146-.354h-1.5c0 1.1.9 2 2 2zM2 5.25h.75v-2h-1.5v2zm0-2h.75c0-.28.22-.5.5-.5v-1.5a2 2 0 0 0-2 2zM11.25 2v.75h2v-1.5h-2zm2 0v.75c.28 0 .5.22.5.5h1.5a2 2 0 0 0-2-2zm1.25 1.25h-.75v2h1.5v-2zm0 2h-.75c0 .133-.053.26-.146.354a.5.5 0 0 1-.354.146v1.5a2 2 0 0 0 2-2zM13.25 6.5v-.75h-2v1.5h2zm-2 0v-.75a.5.5 0 0 1-.354-.146a.5.5 0 0 1-.146-.354h-1.5c0 1.1.9 2 2 2zM10 5.25h.75v-2h-1.5v2zm0-2h.75c0-.28.22-.5.5-.5v-1.5a2 2 0 0 0-2 2zM3.25 10v.75h2v-1.5h-2zm2 0v.75c.28 0 .5.22.5.5h1.5a2 2 0 0 0-2-2zm1.25 1.25h-.75v2h1.5v-2zm0 2h-.75c0 .133-.053.26-.146.354a.5.5 0 0 1-.354.146v1.5a2 2 0 0 0 2-2zM5.25 14.5v-.75h-2v1.5h2zm-2 0v-.75a.5.5 0 0 1-.354-.146a.5.5 0 0 1-.146-.354h-1.5c0 1.1.9 2 2 2zM2 13.25h.75v-2h-1.5v2zm0-2h.75c0-.28.22-.5.5-.5v-1.5a2 2 0 0 0-2 2z"/></svg>

React

import type { SVGProps } from "react";

export function OcticonFlowchart16(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M9.25 5c.199 0 .39-.079.53-.22a.747.747 0 0 0 0-1.06a.75.75 0 0 0-.53-.22zm-2-1.5a.75.75 0 0 0-.53.22a.747.747 0 0 0 0 1.06c.14.141.331.22.53.22zm7 8.75l.53.53c.3-.3.3-.77 0-1.06zm-1.47-2.53a.748.748 0 0 0-1.244.23a.76.76 0 0 0 .184.83l.53-.53zm-1.06 4a.748.748 0 0 0 .23 1.244a.76.76 0 0 0 .83-.184l-.53-.53zm1.53-.72c.199 0 .39-.079.53-.22a.747.747 0 0 0 0-1.06a.75.75 0 0 0-.53-.22zm-6-1.5a.75.75 0 0 0-.53.22a.747.747 0 0 0 0 1.06c.14.141.331.22.53.22zm3.53-4.72l.53-.53l-1.06-1.06l-.53.53l.53.53zM5.72 9.72l-.53.53l1.06 1.06l.53-.53l-.53-.53zm3.53-5.47V3.5h-2V5h2zm5 8l.53-.53l-2-2l-.53.53l-.53.53l2 2zm0 0l-.53-.53l-2 2l.53.53l.53.53l2-2zm-1 0v-.75h-6V13h6zm-3-6l-.53-.53l-4 4l.53.53l.53.53l4-4zM3.25 2v.75h2v-1.5h-2zm2 0v.75c.28 0 .5.22.5.5h1.5a2 2 0 0 0-2-2zM6.5 3.25h-.75v2h1.5v-2zm0 2h-.75c0 .133-.053.26-.146.354a.5.5 0 0 1-.354.146v1.5a2 2 0 0 0 2-2zM5.25 6.5v-.75h-2v1.5h2zm-2 0v-.75a.5.5 0 0 1-.354-.146a.5.5 0 0 1-.146-.354h-1.5c0 1.1.9 2 2 2zM2 5.25h.75v-2h-1.5v2zm0-2h.75c0-.28.22-.5.5-.5v-1.5a2 2 0 0 0-2 2zM11.25 2v.75h2v-1.5h-2zm2 0v.75c.28 0 .5.22.5.5h1.5a2 2 0 0 0-2-2zm1.25 1.25h-.75v2h1.5v-2zm0 2h-.75c0 .133-.053.26-.146.354a.5.5 0 0 1-.354.146v1.5a2 2 0 0 0 2-2zM13.25 6.5v-.75h-2v1.5h2zm-2 0v-.75a.5.5 0 0 1-.354-.146a.5.5 0 0 1-.146-.354h-1.5c0 1.1.9 2 2 2zM10 5.25h.75v-2h-1.5v2zm0-2h.75c0-.28.22-.5.5-.5v-1.5a2 2 0 0 0-2 2zM3.25 10v.75h2v-1.5h-2zm2 0v.75c.28 0 .5.22.5.5h1.5a2 2 0 0 0-2-2zm1.25 1.25h-.75v2h1.5v-2zm0 2h-.75c0 .133-.053.26-.146.354a.5.5 0 0 1-.354.146v1.5a2 2 0 0 0 2-2zM5.25 14.5v-.75h-2v1.5h2zm-2 0v-.75a.5.5 0 0 1-.354-.146a.5.5 0 0 1-.146-.354h-1.5c0 1.1.9 2 2 2zM2 13.25h.75v-2h-1.5v2zm0-2h.75c0-.28.22-.5.5-.5v-1.5a2 2 0 0 0-2 2z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M9.25 5c.199 0 .39-.079.53-.22a.747.747 0 0 0 0-1.06a.75.75 0 0 0-.53-.22zm-2-1.5a.75.75 0 0 0-.53.22a.747.747 0 0 0 0 1.06c.14.141.331.22.53.22zm7 8.75l.53.53c.3-.3.3-.77 0-1.06zm-1.47-2.53a.748.748 0 0 0-1.244.23a.76.76 0 0 0 .184.83l.53-.53zm-1.06 4a.748.748 0 0 0 .23 1.244a.76.76 0 0 0 .83-.184l-.53-.53zm1.53-.72c.199 0 .39-.079.53-.22a.747.747 0 0 0 0-1.06a.75.75 0 0 0-.53-.22zm-6-1.5a.75.75 0 0 0-.53.22a.747.747 0 0 0 0 1.06c.14.141.331.22.53.22zm3.53-4.72l.53-.53l-1.06-1.06l-.53.53l.53.53zM5.72 9.72l-.53.53l1.06 1.06l.53-.53l-.53-.53zm3.53-5.47V3.5h-2V5h2zm5 8l.53-.53l-2-2l-.53.53l-.53.53l2 2zm0 0l-.53-.53l-2 2l.53.53l.53.53l2-2zm-1 0v-.75h-6V13h6zm-3-6l-.53-.53l-4 4l.53.53l.53.53l4-4zM3.25 2v.75h2v-1.5h-2zm2 0v.75c.28 0 .5.22.5.5h1.5a2 2 0 0 0-2-2zM6.5 3.25h-.75v2h1.5v-2zm0 2h-.75c0 .133-.053.26-.146.354a.5.5 0 0 1-.354.146v1.5a2 2 0 0 0 2-2zM5.25 6.5v-.75h-2v1.5h2zm-2 0v-.75a.5.5 0 0 1-.354-.146a.5.5 0 0 1-.146-.354h-1.5c0 1.1.9 2 2 2zM2 5.25h.75v-2h-1.5v2zm0-2h.75c0-.28.22-.5.5-.5v-1.5a2 2 0 0 0-2 2zM11.25 2v.75h2v-1.5h-2zm2 0v.75c.28 0 .5.22.5.5h1.5a2 2 0 0 0-2-2zm1.25 1.25h-.75v2h1.5v-2zm0 2h-.75c0 .133-.053.26-.146.354a.5.5 0 0 1-.354.146v1.5a2 2 0 0 0 2-2zM13.25 6.5v-.75h-2v1.5h2zm-2 0v-.75a.5.5 0 0 1-.354-.146a.5.5 0 0 1-.146-.354h-1.5c0 1.1.9 2 2 2zM10 5.25h.75v-2h-1.5v2zm0-2h.75c0-.28.22-.5.5-.5v-1.5a2 2 0 0 0-2 2zM3.25 10v.75h2v-1.5h-2zm2 0v.75c.28 0 .5.22.5.5h1.5a2 2 0 0 0-2-2zm1.25 1.25h-.75v2h1.5v-2zm0 2h-.75c0 .133-.053.26-.146.354a.5.5 0 0 1-.354.146v1.5a2 2 0 0 0 2-2zM5.25 14.5v-.75h-2v1.5h2zm-2 0v-.75a.5.5 0 0 1-.354-.146a.5.5 0 0 1-.146-.354h-1.5c0 1.1.9 2 2 2zM2 13.25h.75v-2h-1.5v2zm0-2h.75c0-.28.22-.5.5-.5v-1.5a2 2 0 0 0-2 2z"/></svg>
</template>

CSS

.icon-flowchart-16 {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.25%205c.199%200%20.39-.079.53-.22a.747.747%200%200%200%200-1.06a.75.75%200%200%200-.53-.22zm-2-1.5a.75.75%200%200%200-.53.22a.747.747%200%200%200%200%201.06c.14.141.331.22.53.22zm7%208.75l.53.53c.3-.3.3-.77%200-1.06zm-1.47-2.53a.748.748%200%200%200-1.244.23a.76.76%200%200%200%20.184.83l.53-.53zm-1.06%204a.748.748%200%200%200%20.23%201.244a.76.76%200%200%200%20.83-.184l-.53-.53zm1.53-.72c.199%200%20.39-.079.53-.22a.747.747%200%200%200%200-1.06a.75.75%200%200%200-.53-.22zm-6-1.5a.75.75%200%200%200-.53.22a.747.747%200%200%200%200%201.06c.14.141.331.22.53.22zm3.53-4.72l.53-.53l-1.06-1.06l-.53.53l.53.53zM5.72%209.72l-.53.53l1.06%201.06l.53-.53l-.53-.53zm3.53-5.47V3.5h-2V5h2zm5%208l.53-.53l-2-2l-.53.53l-.53.53l2%202zm0%200l-.53-.53l-2%202l.53.53l.53.53l2-2zm-1%200v-.75h-6V13h6zm-3-6l-.53-.53l-4%204l.53.53l.53.53l4-4zM3.25%202v.75h2v-1.5h-2zm2%200v.75c.28%200%20.5.22.5.5h1.5a2%202%200%200%200-2-2zM6.5%203.25h-.75v2h1.5v-2zm0%202h-.75c0%20.133-.053.26-.146.354a.5.5%200%200%201-.354.146v1.5a2%202%200%200%200%202-2zM5.25%206.5v-.75h-2v1.5h2zm-2%200v-.75a.5.5%200%200%201-.354-.146a.5.5%200%200%201-.146-.354h-1.5c0%201.1.9%202%202%202zM2%205.25h.75v-2h-1.5v2zm0-2h.75c0-.28.22-.5.5-.5v-1.5a2%202%200%200%200-2%202zM11.25%202v.75h2v-1.5h-2zm2%200v.75c.28%200%20.5.22.5.5h1.5a2%202%200%200%200-2-2zm1.25%201.25h-.75v2h1.5v-2zm0%202h-.75c0%20.133-.053.26-.146.354a.5.5%200%200%201-.354.146v1.5a2%202%200%200%200%202-2zM13.25%206.5v-.75h-2v1.5h2zm-2%200v-.75a.5.5%200%200%201-.354-.146a.5.5%200%200%201-.146-.354h-1.5c0%201.1.9%202%202%202zM10%205.25h.75v-2h-1.5v2zm0-2h.75c0-.28.22-.5.5-.5v-1.5a2%202%200%200%200-2%202zM3.25%2010v.75h2v-1.5h-2zm2%200v.75c.28%200%20.5.22.5.5h1.5a2%202%200%200%200-2-2zm1.25%201.25h-.75v2h1.5v-2zm0%202h-.75c0%20.133-.053.26-.146.354a.5.5%200%200%201-.354.146v1.5a2%202%200%200%200%202-2zM5.25%2014.5v-.75h-2v1.5h2zm-2%200v-.75a.5.5%200%200%201-.354-.146a.5.5%200%200%201-.146-.354h-1.5c0%201.1.9%202%202%202zM2%2013.25h.75v-2h-1.5v2zm0-2h.75c0-.28.22-.5.5-.5v-1.5a2%202%200%200%200-2%202z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.25%205c.199%200%20.39-.079.53-.22a.747.747%200%200%200%200-1.06a.75.75%200%200%200-.53-.22zm-2-1.5a.75.75%200%200%200-.53.22a.747.747%200%200%200%200%201.06c.14.141.331.22.53.22zm7%208.75l.53.53c.3-.3.3-.77%200-1.06zm-1.47-2.53a.748.748%200%200%200-1.244.23a.76.76%200%200%200%20.184.83l.53-.53zm-1.06%204a.748.748%200%200%200%20.23%201.244a.76.76%200%200%200%20.83-.184l-.53-.53zm1.53-.72c.199%200%20.39-.079.53-.22a.747.747%200%200%200%200-1.06a.75.75%200%200%200-.53-.22zm-6-1.5a.75.75%200%200%200-.53.22a.747.747%200%200%200%200%201.06c.14.141.331.22.53.22zm3.53-4.72l.53-.53l-1.06-1.06l-.53.53l.53.53zM5.72%209.72l-.53.53l1.06%201.06l.53-.53l-.53-.53zm3.53-5.47V3.5h-2V5h2zm5%208l.53-.53l-2-2l-.53.53l-.53.53l2%202zm0%200l-.53-.53l-2%202l.53.53l.53.53l2-2zm-1%200v-.75h-6V13h6zm-3-6l-.53-.53l-4%204l.53.53l.53.53l4-4zM3.25%202v.75h2v-1.5h-2zm2%200v.75c.28%200%20.5.22.5.5h1.5a2%202%200%200%200-2-2zM6.5%203.25h-.75v2h1.5v-2zm0%202h-.75c0%20.133-.053.26-.146.354a.5.5%200%200%201-.354.146v1.5a2%202%200%200%200%202-2zM5.25%206.5v-.75h-2v1.5h2zm-2%200v-.75a.5.5%200%200%201-.354-.146a.5.5%200%200%201-.146-.354h-1.5c0%201.1.9%202%202%202zM2%205.25h.75v-2h-1.5v2zm0-2h.75c0-.28.22-.5.5-.5v-1.5a2%202%200%200%200-2%202zM11.25%202v.75h2v-1.5h-2zm2%200v.75c.28%200%20.5.22.5.5h1.5a2%202%200%200%200-2-2zm1.25%201.25h-.75v2h1.5v-2zm0%202h-.75c0%20.133-.053.26-.146.354a.5.5%200%200%201-.354.146v1.5a2%202%200%200%200%202-2zM13.25%206.5v-.75h-2v1.5h2zm-2%200v-.75a.5.5%200%200%201-.354-.146a.5.5%200%200%201-.146-.354h-1.5c0%201.1.9%202%202%202zM10%205.25h.75v-2h-1.5v2zm0-2h.75c0-.28.22-.5.5-.5v-1.5a2%202%200%200%200-2%202zM3.25%2010v.75h2v-1.5h-2zm2%200v.75c.28%200%20.5.22.5.5h1.5a2%202%200%200%200-2-2zm1.25%201.25h-.75v2h1.5v-2zm0%202h-.75c0%20.133-.053.26-.146.354a.5.5%200%200%201-.354.146v1.5a2%202%200%200%200%202-2zM5.25%2014.5v-.75h-2v1.5h2zm-2%200v-.75a.5.5%200%200%201-.354-.146a.5.5%200%200%201-.146-.354h-1.5c0%201.1.9%202%202%202zM2%2013.25h.75v-2h-1.5v2zm0-2h.75c0-.28.22-.5.5-.5v-1.5a2%202%200%200%200-2%202z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/octicon/flowchart-16.svg?color=%231a73e8&size=48