Add icons to this collection by clicking the heart icon.
Computer icon - also known as computer, new, website, commerce and shopping, device, online shop, and cyber monday. 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="c"
x1="8.585"
x2="55.413"
y1="51.414"
y2="4.586"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d7e6f9" />
<stop offset="1" stop-color="#ccd3dd" />
</linearGradient>
<linearGradient
id="a"
x1="16.793"
x2="47.206"
y1="59.621"
y2="29.207"
gradientTransform="rotate(-90 31.999 45)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f95555" />
<stop offset="1" stop-color="#d81d1d" />
</linearGradient>
<linearGradient
id="d"
x1="28.454"
x2="35.546"
y1="53.546"
y2="46.454"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#617093" />
<stop offset="1" stop-color="#3d4860" />
</linearGradient>
<linearGradient
id="e"
x1="24.6"
x2="39.4"
y1="61.986"
y2="47.186"
href="#a"
/>
<linearGradient
id="b"
x1="25.078"
x2="35.492"
y1="31.207"
y2="20.793"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffce62" />
<stop offset="1" stop-color="#f4a519" />
</linearGradient>
<linearGradient
id="f"
x1="15.078"
x2="25.492"
y1="31.207"
y2="20.793"
href="#b"
/>
<linearGradient
id="g"
x1="36.525"
x2="47.474"
y1="30.296"
y2="19.346"
href="#b"
/>
<g>
<rect width="56" height="40" x="3.999" y="8" fill="url(#c)" rx="2" />
<path
d="M58 8h-2v36a2 2 0 0 1-2 2H4a2 2 0 0 0 2 2h52a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2z"
opacity=".2"
/>
<path
fill="url(#a)"
d="M29 17h4a2 2 0 0 1 2 2v52a2 2 0 0 1-2 2h-4V17z"
transform="rotate(90 31.999 45)"
/>
<path
d="M56 42v2a2 2 0 0 1-2 2H4a2 2 0 0 0 2 2h52a2 2 0 0 0 2-2v-4z"
opacity=".2"
/>
<path fill="url(#d)" d="M26.908 48h10.184v4H26.908z" />
<path d="M33.092 48h4v4h-4z" opacity=".2" />
<path
fill="url(#e)"
d="M20.615 52h22.77a2 2 0 0 1 2 2v2h-26.77v-2a2 2 0 0 1 2-2z"
/>
<path
d="M43.385 52h-4a2 2 0 0 1 2 2v2h4v-2a2 2 0 0 0-2-2z"
opacity=".2"
/>
<path
fill="url(#b)"
d="M33.285 21a1 1 0 0 0 0-2h-6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6a1 1 0 0 0 0-2h-5v-4h5a1 1 0 0 0 0-2h-5v-4z"
/>
<path
fill="url(#f)"
d="M23.285 19a1 1 0 0 0-1 1v7.764l-4.105-8.211a1 1 0 0 0-1.895.447v12a1 1 0 0 0 2 0v-7.764l4.106 8.211a1 1 0 0 0 .894.553 1.067 1.067 0 0 0 .23-.026 1 1 0 0 0 .77-.974V20a1 1 0 0 0-1-1z"
/>
<path
fill="url(#g)"
d="M46.906 19.019a1 1 0 0 0-1.174.789l-1.376 7-1.375-7a1 1 0 0 0-1.962 0l-1.376 7-1.376-7a1 1 0 0 0-1.963.384l2.357 12a1 1 0 0 0 1.963 0l1.376-7 1.375 7a1 1 0 0 0 1.963 0l2.357-12a1 1 0 0 0-.789-1.173z"
/>
</g>
</svg>
More icons in the same style and category