Add icons to this collection by clicking the heart icon.
Data Flow icon - also known as diagram, development, code, web programming, coding, content, seo and web, and data flow. Created in a clean lineal color style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-91.664a4 4 0 0 0-4 4v104.305a4 4 0 0 0 4 4h73.393a4 4 0 0 0 2.81-1.153l18.27-18.021A3.998 3.998 0 0 0 4 90.284V4a4 4 0 0 0-4-4"
transform="translate(171.234 44.924)"
fill="#f2fbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-151.83c0-6.63-5.38-12-12-12h-472.84c-6.63 0-12 5.37-12 12V0l30.249 31.219 392.087 4.304z"
transform="translate(504.42 408.715)"
fill="#f2fbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25c-6.63 0-12 5.37-12 12v151.83l9.379 34.74L-12 163.83V12C-12 5.37-6.63 0 0 0"
transform="translate(44.58 244.886)"
fill="#d8ecfe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-46.36h-496.84V0c0 6.62 5.37 12 12 12H-12C-5.38 12 0 6.62 0 0"
transform="translate(504.42 455.076)"
fill="#b3dafe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-6.63 0-12-5.38-12-12v-46.36h-25V-12c0 6.62 5.37 12 12 12z"
transform="translate(44.58 467.076)"
fill="#8ac9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-104.3c0-2.21-1.79-4-4-4h-138.4c-2.21 0-4 1.79-4 4V0c0 2.21 1.79 4 4 4H-4c2.21 0 4-1.79 4-4"
transform="translate(459.79 153.226)"
fill="#b3dafe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25c-2.21 0-4 1.79-4 4v104.3c0 2.21 1.79 4 4 4H0c-2.21 0-4-1.79-4-4V4c0-2.21 1.79-4 4-4"
transform="translate(342.39 44.925)"
fill="#8ac9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-33.19c0-2.21-1.79-4-4-4h-138.4c-2.21 0-4 1.79-4 4v45.11l44.53 23.69c1.69.9 3.78.48 4.98-1l21.31-26.18a3.984 3.984 0 0 1 5.01-.98l30.16 16.44c1.29.7 2.87.64 4.1-.17z"
transform="translate(459.79 82.116)"
fill="#c9f6b0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25c-2.21 0-4 1.79-4 4v104.3c0 2.21 1.79 4 4 4H0c-2.21 0-4-1.79-4-4V4c0-2.21 1.79-4 4-4"
transform="translate(104.57 44.925)"
fill="#d8ecfe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25c-2.21 0-4 1.79-4 4v45.11l25 13.3V4c0-2.21 1.79-4 4-4"
transform="translate(342.39 44.925)"
fill="#9be69d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-2.64.03C-1.77.33-.83.3 0 0"
transform="translate(361.17 117.956)"
fill="#9be69d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-91.664a4 4 0 0 0-4 4v104.305a4 4 0 0 0 4 4h73.393a4 4 0 0 0 2.81-1.153l18.27-18.021A3.998 3.998 0 0 0 4 90.284V4a4 4 0 0 0-4-4Z"
transform="translate(171.238 44.928)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-13.12c0-6.62-5.37-12-12-12h-472.84c-6.63 0-12 5.38-12 12v198.19c0 6.63 5.37 12 12 12h23.33"
transform="translate(504.42 270.002)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h414.51c6.63 0 12-5.37 12-12v-150.07"
transform="translate(77.91 467.072)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-496.84"
transform="translate(504.42 408.717)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h262.87"
transform="translate(50.57 437.896)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h3.391"
transform="translate(458.038 437.896)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h3.391"
transform="translate(429.647 437.896)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h3.392"
transform="translate(401.255 437.896)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-22.05-55.438"
transform="translate(126.832 353.479)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 14.807-24.56L0-50.122"
transform="translate(163.801 350.82)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-14.807-24.56L0-50.122"
transform="translate(67.813 350.82)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h80.348"
transform="translate(210.217 353.479)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h136.081"
transform="translate(322.913 353.479)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h135.13"
transform="translate(210.217 325.76)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h80.255"
transform="translate(378.738 325.76)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h52.696"
transform="translate(210.217 298.041)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h67.565"
transform="translate(290.565 298.041)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h72.69"
transform="translate(386.304 298.041)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-138.398a4 4 0 0 0-4 4v104.305a4 4 0 0 0 4 4H0a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4Z"
transform="translate(455.793 44.928)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v87.65"
transform="translate(125.41 157.231)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v87.65"
transform="translate(386.59 157.231)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 44.53 23.69c1.69.9 3.78.48 4.98-1L70.82-3.49a3.984 3.984 0 0 1 5.01-.98l30.16 16.44c1.29.7 2.87.64 4.1-.17l36.31-23.72"
transform="translate(313.39 94.036)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category