Add icons to this collection by clicking the heart icon.
Computer icon - also known as technology, computer, interface, mouse, keyboard, browser, smart, desktop, internet of things, and iot. Created in a clean lineal color 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="14"
x2="36"
y1="44"
y2="66"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eef4ff" />
<stop offset="1" stop-color="#d4e5ff" />
</linearGradient>
<linearGradient
id="e"
x1="46.586"
x2="55.414"
y1="50.586"
y2="59.414"
href="#a"
/>
<linearGradient
id="f"
x1="52.37"
x2="53.784"
y1="58.37"
y2="59.784"
href="#a"
/>
<linearGradient
id="b"
x1="21.728"
x2="32.728"
y1="30.728"
y2="41.728"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e4e9f4" />
<stop offset="1" stop-color="#bccbe2" />
</linearGradient>
<linearGradient
id="g"
x1="10.586"
x2="53.414"
y1="-1.414"
y2="41.414"
href="#b"
/>
<linearGradient
id="d"
x1="29.289"
x2="53.866"
y1="9.288"
y2="33.866"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7f7f99" />
<stop offset="1" stop-color="#515072" />
</linearGradient>
<linearGradient
id="c"
x1="46.25"
x2="53.75"
y1="11.75"
y2="19.25"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bcc0d1" />
<stop offset="1" stop-color="#838aaa" />
</linearGradient>
<linearGradient id="h" x2="53.75" y1="20.75" y2="28.25" href="#c" />
<linearGradient
id="i"
x1="3"
x2="21"
y1="11"
y2="29"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#87b1f5" />
<stop offset="1" stop-color="#5889e7" />
</linearGradient>
<linearGradient
id="j"
x1="17.293"
x2="46.707"
y1="-8.122"
y2="21.293"
href="#d"
/>
<linearGradient
id="k"
x1="24"
x2="40"
y1="12"
y2="28"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b3cfff" />
<stop offset="1" stop-color="#80a6f1" />
</linearGradient>
<linearGradient
id="l"
x1="25.5"
x2="37"
y1="19.5"
y2="31"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a6d189" />
<stop offset="1" stop-color="#72994d" />
</linearGradient>
<linearGradient
id="m"
x1="32.75"
x2="38.75"
y1="23.25"
y2="29.25"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#91af7c" />
<stop offset="1" stop-color="#5c7742" />
</linearGradient>
<linearGradient
id="n"
x1="4.586"
x2="58.827"
y1="3.173"
y2="57.414"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#665757" />
<stop offset="1" stop-color="#2e2727" />
</linearGradient>
<path fill="url(#a)" d="M9 49h32v12H9z" />
<rect width="8" height="12" x="47" y="49" fill="url(#e)" rx="2" />
<circle cx="51" cy="57" r="1" fill="url(#f)" />
<path fill="url(#b)" d="M37 35v7l2 3H25l2-3v-7z" />
<rect width="54" height="34" x="5" y="3" fill="url(#g)" rx="2" />
<path fill="url(#d)" d="M17 5h42v26H17z" />
<path fill="url(#c)" d="M45 13h10v5H45z" />
<path fill="url(#h)" d="M45 22h10v5H45z" />
<path fill="url(#i)" d="M5 9h14v22H5z" />
<path fill="url(#j)" d="M7 3h50a2 2 0 0 1 2 2v4H5V5a2 2 0 0 1 2-2z" />
<path fill="url(#k)" d="M23 13h18v14H23z" />
<path fill="url(#l)" d="m36 25-8-8-5 6v4h18v-2z" />
<path fill="url(#m)" d="m29 27 8-6 4 3v3z" />
<path
fill="url(#n)"
d="M53 48h-4a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3v-8a3 3 0 0 0-3-3zm1 11a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h1v3a1 1 0 0 0 2 0v-3h1a1 1 0 0 1 1 1zM41 48H9a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h32a1 1 0 0 0 1-1V49a1 1 0 0 0-1-1zm-31 8v-2h2v2zm24 0v-2h2v2zm-8 0v-2h2v2zm-4 0v-2h2v2zm-4 0v-2h2v2zm12-2h2v2h-2zm2-2v-2h2v2zm-2 0h-2v-2h2zm-4 0h-2v-2h2zm-4 0h-2v-2h2zm-4 0h-2v-2h2zm-4 2h2v2h-2zm3 4v2h-2v-2zm2 0h12v2H19zm14 0h2v2h-2zm5-4h2v2h-2zm2-2h-4v-2h4zm-26-2v2h-4v-2zm-4 8h3v2h-3zm27 2v-2h3v2zM57 2H7a3 3 0 0 0-3 3v30a3 3 0 0 0 3 3h19v3.7l-1.832 2.748A1 1 0 0 0 25 46h14a1 1 0 0 0 .832-1.555L38 41.7V38h19a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3zM6 30V10h12v20zm14-20h38v20H20zM7 4h50a1 1 0 0 1 1 1v3H6V5a1 1 0 0 1 1-1zm29.168 38.555L37.132 44H26.868l.964-1.445A1.006 1.006 0 0 0 28 42v-4h8v4a1.006 1.006 0 0 0 .168.555zM57 36H7a1 1 0 0 1-1-1v-3h52v3a1 1 0 0 1-1 1zm-24-2a1 1 0 1 1-1.007-1H32a1 1 0 0 1 1 1zM8 14a1 1 0 0 1 1-1h6a1 1 0 0 1 0 2H9a1 1 0 0 1-1-1zm8 4a1 1 0 0 1-1 1H9a1 1 0 0 1 0-2h6a1 1 0 0 1 1 1zm0 4a1 1 0 0 1-1 1H9a1 1 0 0 1 0-2h6a1 1 0 0 1 1 1zm0 4a1 1 0 0 1-1 1H9a1 1 0 0 1 0-2h6a1 1 0 0 1 1 1zm39-14H45a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1zm-1 5h-8v-3h8zm1 4H45a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1zm-1 5h-8v-3h8zM41 12H23a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V13a1 1 0 0 0-1-1zm-1 2v8l-2.4-1.8a1 1 0 0 0-1.2 0l-2.163 1.623-5.53-5.53a1.036 1.036 0 0 0-.752-.293 1 1 0 0 0-.724.359L24 20.238V14zM24 26v-2.638l4.067-4.881 4.554 4.554-.221.165a1 1 0 1 0 1.2 1.6l3.4-2.55 3 2.25V26zm10-9a1 1 0 0 1 .993-1H35a1 1 0 1 1-1 1zM10 6a1 1 0 1 1-1-1 1 1 0 0 1 1 1zm4 0a1 1 0 1 1-1-1 1 1 0 0 1 1 1zm4 0a1 1 0 1 1-1-1 1 1 0 0 1 1 1z"
/>
</svg>
More icons in the same style and category