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 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="14"
x2="36"
y1="44"
y2="66"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eef4ff" />
<stop offset="1" stop-color="#d4e5ff" />
</linearGradient>
<linearGradient
id="b"
x1="15.5"
x2="34.5"
y1="45.5"
y2="64.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bcc0d1" />
<stop offset="1" stop-color="#838aaa" />
</linearGradient>
<linearGradient
id="h"
x1="46.586"
x2="55.414"
y1="50.586"
y2="59.414"
href="#a"
/>
<linearGradient
id="i"
x1="49.396"
x2="52.604"
y1="49.604"
y2="52.811"
href="#b"
/>
<linearGradient
id="j"
x1="52.37"
x2="53.784"
y1="58.37"
y2="59.784"
href="#a"
/>
<linearGradient
id="c"
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="k"
x1="25.463"
x2="32.463"
y1="30.463"
y2="37.463"
href="#b"
/>
<linearGradient
id="l"
x1="10.586"
x2="53.414"
y1="-1.414"
y2="41.414"
href="#c"
/>
<linearGradient
id="d"
x1="28.545"
x2="52.399"
y1="9.545"
y2="33.399"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7f7f99" />
<stop offset="1" stop-color="#515072" />
</linearGradient>
<linearGradient
id="m"
x1="31.293"
x2="32.707"
y1="33.293"
y2="34.707"
href="#d"
/>
<linearGradient
id="n"
x1="46.25"
x2="53.75"
y1="11.75"
y2="19.25"
href="#b"
/>
<linearGradient
id="o"
x1="46.25"
x2="53.75"
y1="20.75"
y2="28.25"
href="#b"
/>
<linearGradient
id="e"
x1="4.5"
x2="21.5"
y1="11.5"
y2="28.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#87b1f5" />
<stop offset="1" stop-color="#5889e7" />
</linearGradient>
<linearGradient
id="p"
x1="10.793"
x2="15.207"
y1="11.793"
y2="16.207"
href="#a"
/>
<linearGradient
id="q"
x1="10.793"
x2="15.207"
y1="15.793"
y2="20.207"
href="#a"
/>
<linearGradient
id="r"
x1="10.793"
x2="15.207"
y1="19.793"
y2="24.207"
href="#a"
/>
<linearGradient
id="s"
x1="10.793"
x2="15.207"
y1="23.793"
y2="28.207"
href="#a"
/>
<linearGradient id="t" x1="18.5" x2="45.5" y1="-6.5" y2="20.5" href="#d" />
<linearGradient
id="u"
x1="8.293"
x2="9.707"
y1="6.293"
y2="7.707"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f2756b" />
<stop offset="1" stop-color="#c44747" />
</linearGradient>
<linearGradient
id="g"
x1="12.293"
x2="13.707"
y1="6.293"
y2="7.707"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd270" />
<stop offset="1" stop-color="#f79f63" />
</linearGradient>
<linearGradient
id="f"
x1="16.293"
x2="17.707"
y1="6.293"
y2="7.707"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a6d189" />
<stop offset="1" stop-color="#72994d" />
</linearGradient>
<linearGradient
id="v"
x1="39.293"
x2="40.707"
y1="6.293"
y2="7.707"
href="#a"
/>
<linearGradient
id="w"
x1="26.293"
x2="33.707"
y1="3.293"
y2="10.707"
href="#a"
/>
<linearGradient
id="x"
x1="51.293"
x2="54.707"
y1="5.293"
y2="8.707"
href="#e"
/>
<linearGradient
id="y"
x1="46.293"
x2="47.707"
y1="6.293"
y2="7.707"
href="#e"
/>
<linearGradient
id="z"
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="A" x1="25.5" x2="37" y1="19.5" y2="31" href="#f" />
<linearGradient
id="B"
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="C" x1="34" x2="36" y1="17" y2="17" href="#g" />
<path fill="url(#a)" d="M9 49h32v12H9z" />
<path
fill="url(#b)"
d="M37 61v-3h4v-2h-3v-2h3v-2h-5v-3h-2v3h-2v-3h-2v3h-2v-3h-2v3h-2v-3h-2v3h-2v-3h-2v3h-2v-3h-2v3H9v2h3v2H9v2h4v3h2v-3h2v3h2v-3h12v3h2v-3h2v3zm-1-5h-2v-2h2zm-6 0v-2h2v2zm-12 0v-2h2v2zm4-2h2v2h-2zm4 0h2v2h-2zm-12 0h2v2h-2z"
/>
<rect width="8" height="12" x="47" y="49" fill="url(#h)" rx="2" />
<path fill="url(#i)" d="M52 49v4a1 1 0 0 1-2 0v-4z" />
<circle cx="51" cy="57" r="1" fill="url(#j)" />
<path fill="url(#c)" d="M37 35v7l2 3H25l2-3v-7z" />
<path fill="url(#k)" d="M27 35h10v4H27z" />
<rect width="54" height="34" x="5" y="3" fill="url(#l)" rx="2" />
<path fill="url(#d)" d="M17 5h40v26H17z" />
<circle cx="32" cy="34" r="1" fill="url(#m)" />
<path fill="url(#n)" d="M45 13h10v5H45z" />
<path fill="url(#o)" d="M45 22h10v5H45z" />
<path fill="url(#e)" d="M7 9h12v22H7z" />
<rect width="8" height="2" x="9" y="13" fill="url(#p)" rx="1" />
<rect width="8" height="2" x="9" y="17" fill="url(#q)" rx="1" />
<rect width="8" height="2" x="9" y="21" fill="url(#r)" rx="1" />
<rect width="8" height="2" x="9" y="25" fill="url(#s)" rx="1" />
<path fill="url(#t)" d="M7 5h50v4H7z" />
<circle cx="9" cy="7" r="1" fill="url(#u)" />
<circle cx="13" cy="7" r="1" fill="url(#g)" />
<circle cx="17" cy="7" r="1" fill="url(#f)" />
<circle cx="40" cy="7" r="1" fill="url(#v)" />
<rect width="14" height="2" x="23" y="6" fill="url(#w)" rx="1" />
<rect width="6" height="2" x="50" y="6" fill="url(#x)" rx="1" />
<rect width="2" height="2" x="46" y="6" fill="url(#y)" rx="1" />
<path fill="url(#z)" d="M23 13h18v14H23z" />
<path fill="url(#A)" d="m36 25-8-8-5 6v4h18v-2z" />
<path fill="url(#B)" d="m29 27 8-6 4 3v3z" />
<circle cx="35" cy="17" r="1" fill="url(#C)" />
</svg>
More icons in the same style and category