Add icons to this collection by clicking the heart icon.
System icon - also known as computer, screen, configuration, laptop, settings, system, operating system, integration, and business and finance. Created in a clean flat 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="17.439"
x2="46.561"
y1="63.682"
y2="34.561"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#617093" />
<stop offset="1" stop-color="#3d4860" />
</linearGradient>
<linearGradient
id="b"
x1="11"
x2="53"
y1="49"
y2="7"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d7e6f9" />
<stop offset="1" stop-color="#ccd3dd" />
</linearGradient>
<linearGradient
id="c"
x1="18"
x2="46"
y1="28"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f95555" />
<stop offset="1" stop-color="#d81d1d" />
</linearGradient>
<linearGradient
id="d"
x1="24.804"
x2="39.196"
y1="37.196"
y2="22.804"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffce62" />
<stop offset="1" stop-color="#f4a519" />
</linearGradient>
<linearGradient
id="e"
x1="47.793"
x2="54.207"
y1="27.207"
y2="20.793"
href="#a"
/>
<linearGradient
id="f"
x1="47.793"
x2="54.207"
y1="39.207"
y2="32.793"
href="#a"
/>
<linearGradient
id="g"
x1="9.793"
x2="16.207"
y1="27.207"
y2="20.793"
href="#a"
/>
<linearGradient
id="h"
x1="9.793"
x2="16.207"
y1="39.207"
y2="32.793"
href="#a"
/>
<path fill="url(#a)" d="M4 48h56v1a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-1z" />
<path fill="url(#b)" d="M6 12h52v32H6z" />
<path fill="url(#c)" d="M6 12h52v4H6z" />
<path
fill="url(#d)"
d="M40 30a7.988 7.988 0 0 0-.3-2.138l1.958-1.13-2-3.464-1.953 1.132A7.975 7.975 0 0 0 34 22.262V20h-4v2.262a7.975 7.975 0 0 0-3.7 2.138l-1.96-1.132-2 3.464 1.958 1.13a7.819 7.819 0 0 0 0 4.276l-1.958 1.13 2 3.464L26.3 35.6a7.975 7.975 0 0 0 3.7 2.138V40h4v-2.262a7.975 7.975 0 0 0 3.7-2.135l1.955 1.129 2-3.464-1.955-1.13A7.988 7.988 0 0 0 40 30zm-8 4a4 4 0 1 1 4-4 4 4 0 0 1-4 4z"
/>
<path
fill="url(#e)"
d="M51 30.414 44.586 24 51 17.586V21h3a1 1 0 0 1 0 2h-5v-.586L47.414 24 49 25.586V25h5a1 1 0 0 1 0 2h-3z"
/>
<path
fill="url(#f)"
d="M51 42.414 44.586 36 51 29.586V33h3a1 1 0 0 1 0 2h-5v-.586L47.414 36 49 37.586V37h5a1 1 0 0 1 0 2h-3z"
/>
<path
fill="url(#g)"
d="M13 30.414V27h-3a1 1 0 0 1 0-2h5v.586L16.586 24 15 22.414V23h-5a1 1 0 0 1 0-2h3v-3.414L19.414 24z"
/>
<path
fill="url(#h)"
d="M13 42.414V39h-3a1 1 0 0 1 0-2h5v.586L16.586 36 15 34.414V35h-5a1 1 0 0 1 0-2h3v-3.414L19.414 36z"
/>
</svg>
More icons in the same style and category