Add icons to this collection by clicking the heart icon.
Computer icon - also known as technology, computer, screen, display, and device. 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 448 448"
>
<linearGradient id="a">
<stop offset="0" stop-color="#8d9ca8" />
<stop offset="1" stop-color="#eceff1" />
</linearGradient>
<linearGradient
id="c"
x1="-66.989"
x2="-56.989"
y1="584.25"
y2="584.25"
gradientTransform="matrix(16 0 0 -16 1215.809 9748)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-66.989"
x2="-57.408"
y1="584.25"
y2="584.25"
gradientTransform="matrix(16 0 0 -16 1215.809 9748)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#596c76" />
<stop offset="1" stop-color="#78909c" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#465a61" />
<stop offset="1" stop-color="#546e7a" />
</linearGradient>
<linearGradient
id="e"
x1="-74.991"
x2="-48.985"
y1="599.25"
y2="599.25"
gradientTransform="matrix(16 0 0 -16 1215.809 9748)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="-74.988"
x2="-48.988"
y1="588.25"
y2="588.25"
gradientTransform="matrix(16 0 0 -16 1215.809 9748)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="-69.988"
x2="-53.988"
y1="582.25"
y2="582.25"
gradientTransform="matrix(16 0 0 -16 1215.809 9748)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-72.988"
x2="-50.988"
y1="599.25"
y2="599.25"
gradientTransform="matrix(16 0 0 -16 1215.809 9748)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b3dafe" />
<stop offset="1" stop-color="#e3f2fd" />
</linearGradient>
<linearGradient
id="i"
x1="-72.988"
x2="-50.988"
y1="599.25"
y2="599.25"
gradientTransform="matrix(16 0 0 -16 1215.809 9748)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#60b7ff" />
<stop offset="1" stop-color="#bbdefb" />
</linearGradient>
<path
fill="url(#c)"
d="M300.64 441.92A15.999 15.999 0 0 1 288 448H160a15.999 15.999 0 0 1-12.64-6.08 16 16 0 0 1-2.88-13.76l16-64A16 16 0 0 1 176 352h96a16 16 0 0 1 16 12.16l16 64a15.998 15.998 0 0 1-3.36 13.76z"
/>
<path
fill="url(#d)"
d="M297.28 402.88A17.122 17.122 0 0 0 288 400h-96a16 16 0 0 0-16 12.16L167.52 448H160a15.999 15.999 0 0 1-12.64-6.08 16 16 0 0 1-2.88-13.76l16-64A16 16 0 0 1 176 352h96a16 16 0 0 1 16 12.16z"
/>
<path
fill="url(#e)"
d="M432 53.28v248.96c.454 9.311-6.692 17.243-16 17.76H32c-9.308-.517-16.454-8.449-16-17.76V53.28C14.726 25.378 36.117 1.635 64 0h320c27.883 1.635 49.274 25.378 48 53.28z"
/>
<path
d="M64 320H32c-9.308-.517-16.454-8.449-16-17.76V53.28C14.726 25.378 36.117 1.635 64 0h32C68.117 1.635 46.726 25.378 48 53.28v248.96c-.454 9.311 6.692 17.243 16 17.76z"
opacity=".1"
/>
<path
fill="url(#f)"
d="M432 300v48c0 20-21.6 36-48 36H64c-26.4 0-48-16-48-36v-48c0-6.56 7.2-12 16-12h384c8.8 0 16 5.44 16 12z"
/>
<path
d="M432 349.92C430.56 368.8 409.6 384 384 384H64c-26.4 0-48-16-48-36v-48c0-6.56 7.2-12 16-12h16v28c0 20 21.6 36 48 36h320a56.644 56.644 0 0 0 16-2.08z"
opacity=".1"
/>
<path
fill="url(#g)"
d="M352 432c0 8.837-7.163 16-16 16H112c-8.837 0-16-7.163-16-16s7.163-16 16-16h224c8.837 0 16 7.163 16 16z"
/>
<path
fill="#fff"
d="M240 336c0 8.837-7.163 16-16 16s-16-7.163-16-16 7.163-16 16-16 16 7.163 16 16z"
/>
<path fill="url(#h)" d="M400 32v256H48V32z" />
<path
fill="url(#i)"
d="M400 272v16H48V32h16v208c0 17.673 14.327 32 32 32z"
/>
<g fill="#fff">
<path
d="m341.12 32-256 256H48v-53.12L250.88 32zM400 32v48L192 288h-53.28l256-256z"
opacity=".17"
/>
</g>
</svg>
More icons in the same style and category