Add icons to this collection by clicking the heart icon.
Computer icon - also known as technology, computer, screen, monitor, keyboard, protection, pc, desktop, privacy, and cpu. Created in a clean flat gradient style with a white and gray 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="512"
height="512"
viewBox="0 0 24 24"
>
<linearGradient
id="b"
x1="7.25"
x2=".75"
y1="10"
y2="10"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#807a6e" />
<stop offset=".393" stop-color="#7d786c" />
<stop offset=".629" stop-color="#756f65" />
<stop offset=".823" stop-color="#676158" />
<stop offset=".995" stop-color="#534e47" />
<stop offset="1" stop-color="#524d46" />
</linearGradient>
<linearGradient
id="a"
x1="5.25"
x2="2.75"
y1="13"
y2="13"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#edf2ff" />
<stop offset=".39" stop-color="#eaf0fe" />
<stop offset=".625" stop-color="#e2ebfa" />
<stop offset=".818" stop-color="#d4e1f3" />
<stop offset=".988" stop-color="#c0d3e9" />
<stop offset="1" stop-color="#bed2e8" />
</linearGradient>
<linearGradient
id="c"
x1="7.25"
x2=".75"
y1="6.5"
y2="6.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a5fa9b" />
<stop offset=".514" stop-color="#a3f799" />
<stop offset=".822" stop-color="#9def94" />
<stop offset="1" stop-color="#97e68e" />
</linearGradient>
<linearGradient id="d" x1="16.25" x2="13.75" y1="15" y2="15" href="#a" />
<linearGradient id="e" x1="23.25" x2="6.75" y1="8" y2="8" href="#b" />
<linearGradient id="f" x1="22.25" x2="7.75" y1="7.5" y2="7.5" href="#a" />
<linearGradient id="g" x1="22.25" x2="8.75" y1="20" y2="20" href="#b" />
<path
fill="#edf2ff"
d="M6 22.25A1.251 1.251 0 0 1 4.75 21v-3a.75.75 0 0 0-.75-.75H2a.25.25 0 0 1 0-.5h2A1.251 1.251 0 0 1 5.25 18v3a.75.75 0 0 0 1.5 0A1.251 1.251 0 0 1 8 19.75h1a.25.25 0 0 1 0 .5H8a.75.75 0 0 0-.75.75A1.251 1.251 0 0 1 6 22.25z"
/>
<rect width="6.5" height="12.5" x=".75" y="3.75" fill="url(#b)" rx="1.25" />
<circle cx="4" cy="13" r="1.25" fill="url(#a)" />
<path fill="url(#c)" d="M.75 5.75h6.5v1.5H.75z" />
<path fill="url(#d)" d="M13.75 13.75h2.5v2.5h-2.5z" />
<rect
width="16.5"
height="12.5"
x="6.75"
y="1.75"
fill="url(#e)"
rx="1.25"
/>
<rect width="14.5" height="9.5" x="7.75" y="2.75" fill="url(#f)" rx=".75" />
<path
fill="#edf2ff"
d="M16 13.25h-2a.25.25 0 0 1 0-.5h2a.25.25 0 0 1 0 .5z"
/>
<path
fill="#807a6e"
d="M18 16.25h-6a.25.25 0 0 1 0-.5h6a.25.25 0 0 1 0 .5z"
/>
<rect
width="13.5"
height="4.5"
x="8.75"
y="17.75"
fill="url(#g)"
rx="1.25"
/>
<g fill="#edf2ff">
<path
d="M11 19.25h1a.25.25 0 0 0 0-.5h-1a.25.25 0 0 0 0 .5zM13 19.25h1a.25.25 0 0 0 0-.5h-1a.25.25 0 0 0 0 .5zM15 19.25h1a.25.25 0 0 0 0-.5h-1a.25.25 0 0 0 0 .5zM17 19.25h1a.25.25 0 0 0 0-.5h-1a.25.25 0 0 0 0 .5zM19 19.25h1a.25.25 0 0 0 0-.5h-1a.25.25 0 0 0 0 .5zM11 19.75h-1a.25.25 0 0 0 0 .5h1a.25.25 0 0 0 0-.5zM13 19.75h-1a.25.25 0 0 0 0 .5h1a.25.25 0 0 0 0-.5zM14 19.75a.25.25 0 0 0 0 .5h1a.25.25 0 0 0 0-.5zM17 19.75h-1a.25.25 0 0 0 0 .5h1a.25.25 0 0 0 0-.5zM19 19.75h-1a.25.25 0 0 0 0 .5h1a.25.25 0 0 0 0-.5zM21 19.75h-1a.25.25 0 0 0 0 .5h1a.25.25 0 0 0 0-.5zM17 20.75h-3a.25.25 0 0 0 0 .5h3a.25.25 0 0 0 0-.5z"
/>
</g>
<g fill="#f8f8f8">
<path
d="M21.5 9.25a.25.25 0 0 1-.25-.25V8a.25.25 0 0 1 .5 0v1a.25.25 0 0 1-.25.25zM21.5 7.25a.25.25 0 0 1-.25-.25V5a.25.25 0 0 1 .5 0v2a.25.25 0 0 1-.25.25z"
/>
</g>
</svg>
More icons in the same style and category