Add icons to this collection by clicking the heart icon.
Process icon - also known as computer, education, monitor, settings, process, cogwheel, system, installment plan, and seo and web. Created in a clean gradient 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="100"
height="100"
viewBox="0 0 480 480"
>
<linearGradient
id="a"
x1="-59.396"
x2="28.155"
y1="578.625"
y2="578.625"
gradientTransform="matrix(8 0 0 -8 455 4869)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".366" stop-color="#ed683c" />
<stop offset=".715" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M440 8H40C17.92 8.026.026 25.92 0 48v272c.026 22.08 17.92 39.974 40 40h144v64h-24a8 8 0 0 0-8 8v24h-16v16h208v-16h-16v-24a8 8 0 0 0-8-8h-24v-64h144c22.08-.026 39.974-17.92 40-40V48c-.026-22.08-17.92-39.974-40-40zM40 24h400c13.255 0 24 10.745 24 24v232H16V48c0-13.255 10.745-24 24-24zm272 432H168v-16h144v16zm-32-32h-80v-64h80v64zm160-80H40c-13.255 0-24-10.745-24-24v-24h448v24c0 13.255-10.745 24-24 24z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-59.396"
x2="28.155"
y1="589.625"
y2="589.625"
gradientTransform="matrix(8 0 0 -8 455 4869)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".366" stop-color="#ed683c" />
<stop offset=".715" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M152 176h20.176a73.028 73.028 0 0 0 2.904 6.984l-14.28 14.272a8 8 0 0 0 0 11.312l22.632 22.632a8 8 0 0 0 11.312 0l14.264-14.264a74.223 74.223 0 0 0 6.992 2.896V240a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-20.176a74.223 74.223 0 0 0 6.992-2.896l14.264 14.272a8.232 8.232 0 0 0 11.312 0l22.632-22.632a8 8 0 0 0 0-11.312l-14.272-14.272a73.076 73.076 0 0 0 2.896-6.984H328a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-20.176a73.028 73.028 0 0 0-2.904-6.984l14.28-14.272a8 8 0 0 0 0-11.312L296.568 72.8a8 8 0 0 0-11.312 0l-14.272 14.264A73.909 73.909 0 0 0 264 84.176V64a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v20.176a74.234 74.234 0 0 0-6.984 2.896L194.744 72.8a8 8 0 0 0-11.312 0L160.8 95.432a8 8 0 0 0 0 11.312l14.272 14.272a73.028 73.028 0 0 0-2.904 6.984H152a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h18.096a8 8 0 0 0 7.736-6 56 56 0 0 1 5.976-14.4 8 8 0 0 0-1.24-9.728l-12.8-12.8L189.08 89.76l12.8 12.8a7.999 7.999 0 0 0 9.728 1.232 56.021 56.021 0 0 1 14.4-5.96 8.001 8.001 0 0 0 6-7.744V72h16v18.096a8.001 8.001 0 0 0 6 7.744 56.021 56.021 0 0 1 14.4 5.96 7.999 7.999 0 0 0 9.728-1.232l12.8-12.8 11.312 11.312-12.8 12.8a8 8 0 0 0-1.24 9.728 56 56 0 0 1 5.976 14.4 8 8 0 0 0 7.736 6H320v16h-18.096a8 8 0 0 0-7.736 6 56 56 0 0 1-5.976 14.4 8 8 0 0 0 1.24 9.728l12.8 12.8-11.312 11.312-12.8-12.8a7.999 7.999 0 0 0-9.728-1.232 55.851 55.851 0 0 1-14.4 5.96 8.001 8.001 0 0 0-6 7.744V232H232v-18.096a8.001 8.001 0 0 0-6-7.744 55.851 55.851 0 0 1-14.4-5.96 7.999 7.999 0 0 0-9.728 1.232l-12.8 12.8-11.312-11.312 12.8-12.8a8 8 0 0 0 1.24-9.728 56 56 0 0 1-5.976-14.4 8 8 0 0 0-7.736-6H160V144z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-59.396"
x2="28.155"
y1="589.625"
y2="589.625"
gradientTransform="matrix(8 0 0 -8 455 4869)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".366" stop-color="#ed683c" />
<stop offset=".715" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M240 192c22.091 0 40-17.909 40-40s-17.909-40-40-40-40 17.909-40 40c.026 22.08 17.92 39.974 40 40zm0-64c13.255 0 24 10.745 24 24s-10.745 24-24 24-24-10.745-24-24 10.745-24 24-24z"
fill="url(#c)"
/>
</svg>
More icons in the same style and category