Add icons to this collection by clicking the heart icon.
Workflow icon - also known as web programming, sitemap, programming, concept, workflow, blueprint, seo and web, and files and folders. Created in a clean lineal color style with a white, silver, gray, black, yellow, 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-465.089c-8.812 0-15.956-7.143-15.956-15.955v-73.403h497v73.403C15.955-7.143 8.812 0 0 0"
transform="translate(488.545 504.5)"
fill="#a2dbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-29c8.812 0 15.955-7.143 15.955-15.955v-73.403h29v73.403C15.955-7.143 8.812 0 0 0"
transform="translate(488.545 504.5)"
fill="#64caff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-8.13 17.614a9.049 9.049 0 0 1-8.218 5.258h-82.524a9.05 9.05 0 0 1-8.218-5.258L-115.22 0a9.05 9.05 0 0 0-8.218-5.258h-53.151v-411.687c0-8.812 7.143-15.955 15.955-15.955h465.09c8.811 0 15.955 7.143 15.955 15.955V-5.258H8.218A9.052 9.052 0 0 0 0 0"
transform="translate(184.09 440.4)"
fill="#f4f8f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-411.687c0-8.812-7.143-15.955-15.955-15.955h29c8.812 0 15.955 7.143 15.955 15.955V0Z"
transform="translate(475.5 435.142)"
fill="#e7eef3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-165.538a9.286 9.286 0 0 0-9.286 9.286V74.36a9.286 9.286 0 0 0 9.286 9.286H0a9.286 9.286 0 0 0 9.286-9.286V9.286A9.286 9.286 0 0 0 0 0"
transform="translate(338.769 308.326)"
fill="#889daa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-19.49c5.128 0 9.285-4.158 9.285-9.286V-74.36a9.285 9.285 0 0 0-9.285-9.286H0a9.286 9.286 0 0 1 9.286 9.286v65.074A9.287 9.287 0 0 1 0 0"
transform="translate(338.769 391.973)"
fill="#728d9a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-165.538a9.286 9.286 0 0 0-9.286 9.286V74.36a9.286 9.286 0 0 0 9.286 9.286H0a9.286 9.286 0 0 0 9.286-9.286V9.286A9.286 9.286 0 0 0 0 0"
transform="translate(338.769 175.325)"
fill="#ffe270"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-19.49c5.128 0 9.285-4.158 9.285-9.286V-74.36a9.285 9.285 0 0 0-9.285-9.286H0a9.286 9.286 0 0 1 9.286 9.286v65.074A9.287 9.287 0 0 1 0 0"
transform="translate(338.769 258.972)"
fill="#ffd250"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-165.538a9.286 9.286 0 0 0-9.286 9.286V74.36a9.286 9.286 0 0 0 9.286 9.286H0a9.286 9.286 0 0 0 9.286-9.286V9.286A9.286 9.286 0 0 0 0 0"
transform="translate(338.769 42.324)"
fill="#ff7383"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-19.49c5.128 0 9.285-4.158 9.285-9.286V-74.36a9.285 9.285 0 0 0-9.285-9.286H0a9.286 9.286 0 0 1 9.286 9.286v65.074A9.287 9.287 0 0 1 0 0"
transform="translate(338.769 125.97)"
fill="#ff546a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h300.755v53.402c0 8.812-7.144 15.956-15.956 15.956h-417.865"
transform="translate(203.745 435.142)"
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-18.224c-8.812 0-15.955-7.143-15.955-15.955v-53.403H.011"
transform="translate(41.679 504.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 0h7.266"
transform="translate(365.764 469.821)"
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 0h7.266"
transform="translate(401.764 469.821)"
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 0h7.266"
transform="translate(437.764 469.821)"
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 0v336.759h-312.193a9.053 9.053 0 0 0-8.218 5.258l-8.13 17.615a9.05 9.05 0 0 1-8.218 5.258h-82.524a9.053 9.053 0 0 1-8.218-5.258l-8.13-17.615a9.05 9.05 0 0 0-8.218-5.258H-497V-74.928c0-8.812 7.143-15.955 15.955-15.955h465.09C-7.143-90.883 0-83.74 0-74.928V-29"
transform="translate(504.5 98.383)"
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-11.131-15.887L0-31.774"
transform="translate(229.842 366.036)"
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 11.131-15.887L0-31.774"
transform="translate(282.158 366.036)"
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.635-30.252"
transform="translate(262.9 365.275)"
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-165.538a9.286 9.286 0 0 0-9.286 9.286V74.36a9.286 9.286 0 0 0 9.286 9.286H0a9.286 9.286 0 0 0 9.286-9.286V9.286A9.286 9.286 0 0 0 0 0Z"
transform="translate(338.769 308.326)"
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 0c-6.613 0-11.974-5.361-11.974-11.974v0a4.998 4.998 0 0 0-1.691-3.747l-4.969-4.383 4.969-4.383a4.994 4.994 0 0 0 1.691-3.746v0c0-6.613 5.361-11.974 11.974-11.974"
transform="translate(236.897 237.252)"
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 0c6.613 0 11.974-5.361 11.974-11.974v0c0-1.434.616-2.798 1.691-3.747l4.969-4.383-4.969-4.383a4.994 4.994 0 0 1-1.691-3.746v0c0-6.613-5.361-11.974-11.974-11.974"
transform="translate(275.103 237.252)"
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-1"
transform="translate(256.609 228.13)"
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-1"
transform="translate(256.609 208.907)"
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-17.257a9.285 9.285 0 0 1-9.286-9.286V-74.36a9.285 9.285 0 0 1 9.286-9.286h165.538a9.285 9.285 0 0 1 9.285 9.286v65.074A9.285 9.285 0 0 1 148.281 0H29"
transform="translate(190.488 258.971)"
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-165.538a9.286 9.286 0 0 0-9.286 9.286V74.36a9.286 9.286 0 0 0 9.286 9.286H0a9.286 9.286 0 0 0 9.286-9.286V9.286A9.286 9.286 0 0 0 0 0Z"
transform="translate(338.769 42.324)"
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 0c-6.613 0-11.974-5.361-11.974-11.974v0a4.998 4.998 0 0 0-1.691-3.747l-4.969-4.383 4.969-4.383a4.994 4.994 0 0 0 1.691-3.746v0c0-6.613 5.361-11.974 11.974-11.974"
transform="translate(244.397 104.25)"
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 0c6.613 0 11.974-5.361 11.974-11.974v0c0-1.434.616-2.798 1.691-3.747l4.969-4.383-4.969-4.383a4.994 4.994 0 0 1-1.691-3.746v0c0-6.613-5.361-11.974-11.974-11.974"
transform="translate(267.603 104.25)"
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-44.917"
transform="translate(256 306.606)"
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-44.917"
transform="translate(256 172.734)"
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 0h47.477a8.868 8.868 0 0 0 8.868-8.868v-115.758a8.868 8.868 0 0 0-8.868-8.868H3.605"
transform="translate(375.397 350.15)"
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-13.865-16.01L0-32.021"
transform="translate(387.427 232.666)"
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-47.477a8.868 8.868 0 0 1-8.868-8.868v-115.758a8.868 8.868 0 0 1 8.868-8.868h43.872"
transform="translate(133.483 214.836)"
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 13.865-16.01L0-32.021"
transform="translate(121.453 97.352)"
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