Add icons to this collection by clicking the heart icon.
Data Flow icon - also known as interface, diagram, data, graph, ui, model, shapes and symbols, business and finance, flux, and data flow. Created in a clean lineal color style with a silver, gray, black, red, magenta, orange, and pink finish, 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-165.016c-5.279 0-9.56 4.28-9.56 9.56v165.016c0 5.279 4.281 9.56 9.56 9.56H0c5.28 0 9.56-4.281 9.56-9.56V9.56A9.56 9.56 0 0 0 0 0"
transform="translate(182.076 7.5)"
fill="#ffb642"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-14.336 0-26 11.663-26 26v76.136c0 14.337 11.664 26 26 26h76.136c14.336 0 26-11.663 26-26V26c0-14.337-11.664-26-26-26z"
transform="translate(61.5 35.5)"
fill="#ffa815"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v76.136c0 5.522 4.477 10 10 10h76.136c5.523 0 10-4.478 10-10V0c0-5.522-4.477-10-10-10H10C4.477-10 0-5.522 0 0"
transform="translate(51.5 61.5)"
fill="#ffcf86"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v76.136c0 5.522 4.477 10 10 10h76.136c5.523 0 10-4.478 10-10V0c0-5.522-4.477-10-10-10H10C4.477-10 0-5.522 0 0Z"
transform="translate(51.5 61.5)"
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 0h70.814c5.28 0 9.561 4.28 9.561 9.56v165.016c0 5.279-4.281 9.56-9.561 9.56H-94.201c-5.28 0-9.56-4.281-9.56-9.56V9.56A9.56 9.56 0 0 1-94.201 0h59.679"
transform="translate(111.261 7.5)"
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 0c0-50.848-41.22-92.067-92.068-92.067S-184.136-50.848-184.136 0c0 50.849 41.22 92.068 92.068 92.068S0 50.849 0 0"
transform="translate(191.636 412.432)"
fill="#7cace0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-36.079 0-65.432 29.353-65.432 65.432S-36.079 130.864 0 130.864s65.432-29.353 65.432-65.432S36.079 0 0 0"
transform="translate(99.568 347)"
fill="#5d9bd8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-26.505 0-48.068 21.562-48.068 48.067S-26.505 96.136 0 96.136s48.068-21.564 48.068-48.069C48.068 21.562 26.505 0 0 0"
transform="translate(99.568 364.364)"
fill="#b5dbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a47.852 47.852 0 0 1 2.703 15.865c0 26.505-21.563 48.069-48.068 48.069S-93.433 42.37-93.433 15.865c0-26.505 21.563-48.067 48.068-48.067a47.77 47.77 0 0 1 22.93 5.831"
transform="translate(144.933 396.566)"
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 0c0-50.848-41.22-92.067-92.068-92.067S-184.136-50.848-184.136 0c0 50.849 41.22 92.068 92.068 92.068S0 50.849 0 0Z"
transform="translate(191.636 412.432)"
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-78.548-78.549a9.558 9.558 0 0 1 0-13.519L0-170.616c3.733-3.734 9.786-3.734 13.52 0l78.548 78.548a9.56 9.56 0 0 1 0 13.519L13.52 0C9.786 3.733 3.733 3.733 0 0"
transform="translate(409.632 501.7)"
fill="#ff3681"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-6.945 0-13.475 2.704-18.385 7.616L-42.57 31.8c-10.137 10.137-10.138 26.632-.001 36.769l24.186 24.186c4.911 4.911 11.44 7.615 18.385 7.615 6.945 0 13.474-2.704 18.385-7.615L42.57 68.569c10.138-10.137 10.137-26.632 0-36.769L18.384 7.615C13.475 2.704 6.945 0 0 0"
transform="translate(416.392 366.207)"
fill="#ff0465"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 24.186 24.186c3.905 3.905 10.237 3.905 14.142 0L62.514 0c3.904-3.905 3.904-10.237-.001-14.143L38.328-38.327c-3.905-3.905-10.237-3.905-14.142 0L0-14.143C-3.905-10.237-3.905-3.905 0 0"
transform="translate(385.135 423.463)"
fill="#ff76aa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 24.186 24.186c3.905 3.905 10.237 3.905 14.142 0L62.514 0c3.904-3.905 3.904-10.237-.001-14.143L38.328-38.327c-3.905-3.905-10.237-3.905-14.142 0L0-14.143C-3.905-10.237-3.905-3.905 0 0Z"
transform="translate(385.135 423.463)"
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 29.46 29.46c3.734 3.733 3.734 9.786 0 13.52l-78.548 78.548a9.56 9.56 0 0 1-13.52 0l-78.548-78.548c-3.733-3.734-3.733-9.787 0-13.52l78.548-78.548c3.733-3.733 9.787-3.733 13.52 0l24.676 24.677"
transform="translate(472.24 380.172)"
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 0c0 50.848 41.22 92.067 92.068 92.067S184.136 50.848 184.136 0c0-50.849-41.22-92.068-92.068-92.068S0-50.849 0 0"
transform="translate(320.364 99.568)"
fill="#00f4a7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-36.154 0-65.568 29.414-65.568 65.568 0 36.155 29.414 65.568 65.568 65.568 36.154 0 65.568-29.413 65.568-65.568C65.568 29.414 36.154 0 0 0"
transform="translate(412.432 34)"
fill="#00e39c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-26.505 0-48.068 21.563-48.068 48.068S-26.505 96.136 0 96.136s48.068-21.563 48.068-48.068S26.505 0 0 0"
transform="translate(412.432 51.5)"
fill="#9df9d3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-26.505 0-48.068 21.563-48.068 48.068S-26.505 96.136 0 96.136s48.068-21.563 48.068-48.068S26.505 0 0 0Z"
transform="translate(412.432 51.5)"
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 0c0 50.848 41.22 92.067 92.068 92.067S184.136 50.848 184.136 0c0-50.849-41.22-92.068-92.068-92.068S0-50.849 0 0Z"
transform="translate(320.364 99.568)"
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-41.776"
transform="translate(99.568 277.722)"
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 23.069 20.069L46.138 0"
transform="translate(76.499 261.985)"
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 0v41.776"
transform="translate(416.392 240.278)"
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-23.069-20.069L-46.138 0"
transform="translate(439.46 256.015)"
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-41.776"
transform="translate(281.535 416.392)"
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 20.069-23.069L0-46.138"
transform="translate(265.799 439.46)"
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