Add icons to this collection by clicking the heart icon.
Computer icon - also known as technology, computer, electronic, laptop, electronics, and computing. Created in a clean 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-45.258"
x2="18.589"
y1="606.711"
y2="606.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M460.8 8.533A8.536 8.536 0 0 0 452.267 0H59.733A8.536 8.536 0 0 0 51.2 8.533v256a8.536 8.536 0 0 0 8.533 8.533h85.333v17.067H102.4a8.536 8.536 0 0 0-8.533 8.533V358.4H59.733a8.536 8.536 0 0 0-8.533 8.533v136.533a8.536 8.536 0 0 0 8.533 8.533h290.133a8.536 8.536 0 0 0 8.533-8.533V366.933a8.536 8.536 0 0 0-8.533-8.533H110.933v-51.2h34.133v8.533a8.536 8.536 0 0 0 8.533 8.533h204.8a8.536 8.536 0 0 0 8.533-8.533v-42.667h85.333a8.536 8.536 0 0 0 8.533-8.533v-256zM341.333 375.467v119.467H68.267V375.467h273.066zm8.534-68.267H162.133v-34.133h187.733V307.2zm93.866-51.2H68.267V17.067h375.467V256z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-45.258"
x2="18.589"
y1="620.711"
y2="620.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M93.867 238.933h324.267a8.536 8.536 0 0 0 8.533-8.533V42.667a8.536 8.536 0 0 0-8.533-8.533H93.867a8.536 8.536 0 0 0-8.533 8.533V230.4c-.001 4.71 3.822 8.533 8.533 8.533zM102.4 51.2h307.2v170.667H102.4V51.2z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-45.258"
x2="18.589"
y1="627.711"
y2="627.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path d="M119.467 68.267h17.067v17.067h-17.067z" fill="url(#c)" />
<linearGradient
id="d"
x1="-45.258"
x2="18.589"
y1="618.711"
y2="618.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path d="M119.467 102.4h17.067v102.4h-17.067z" fill="url(#d)" />
<linearGradient
id="e"
x1="-45.258"
x2="18.589"
y1="589.711"
y2="589.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path d="M85.333 392.533H102.4V409.6H85.333z" fill="url(#e)" />
<linearGradient
id="f"
x1="-45.258"
x2="18.589"
y1="589.711"
y2="589.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path d="M221.867 392.533h17.067V409.6h-17.067z" fill="url(#f)" />
<linearGradient
id="g"
x1="-45.258"
x2="18.589"
y1="589.711"
y2="589.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path d="M153.6 392.533h17.067V409.6H153.6z" fill="url(#g)" />
<linearGradient
id="h"
x1="-45.258"
x2="18.589"
y1="589.711"
y2="589.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path d="M187.733 392.533H204.8V409.6h-17.067z" fill="url(#h)" />
<linearGradient
id="i"
x1="-45.258"
x2="18.589"
y1="589.711"
y2="589.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path d="M256 392.533h17.067V409.6H256z" fill="url(#i)" />
<linearGradient
id="j"
x1="-45.258"
x2="18.589"
y1="589.711"
y2="589.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path d="M119.467 392.533h17.067V409.6h-17.067z" fill="url(#j)" />
<linearGradient
id="k"
x1="-45.258"
x2="18.589"
y1="585.711"
y2="585.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path d="M119.467 426.667h17.067v17.067h-17.067z" fill="url(#k)" />
<linearGradient
id="l"
x1="-45.258"
x2="18.589"
y1="585.711"
y2="585.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path d="M153.6 426.667h17.067v17.067H153.6z" fill="url(#l)" />
<linearGradient
id="m"
x1="-45.258"
x2="18.589"
y1="585.711"
y2="585.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path d="M85.333 426.667H102.4v17.067H85.333z" fill="url(#m)" />
<linearGradient
id="n"
x1="-45.258"
x2="18.589"
y1="585.711"
y2="585.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path d="M221.867 426.667h17.067v17.067h-17.067z" fill="url(#n)" />
<linearGradient
id="o"
x1="-45.258"
x2="18.589"
y1="585.711"
y2="585.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path d="M256 426.667h17.067v17.067H256z" fill="url(#o)" />
<linearGradient
id="p"
x1="-45.258"
x2="18.589"
y1="585.711"
y2="585.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path d="M187.733 426.667H204.8v17.067h-17.067z" fill="url(#p)" />
<linearGradient
id="q"
x1="-45.258"
x2="18.589"
y1="584.711"
y2="584.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M375.467 469.333c0 23.561 19.106 42.667 42.667 42.667s42.667-19.106 42.667-42.667v-51.2c0-23.561-19.106-42.667-42.667-42.667s-42.667 19.106-42.667 42.667v51.2zm17.066-51.2c0-14.14 11.46-25.6 25.6-25.6s25.6 11.46 25.6 25.6v51.2c0 14.14-11.46 25.6-25.6 25.6s-25.6-11.46-25.6-25.6v-51.2z"
fill="url(#q)"
/>
<linearGradient
id="r"
x1="-45.258"
x2="18.589"
y1="582.711"
y2="582.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M418.133 477.867a8.536 8.536 0 0 0 8.533-8.533v-17.067c0-4.71-3.823-8.533-8.533-8.533s-8.533 3.823-8.533 8.533v17.067a8.536 8.536 0 0 0 8.533 8.533z"
fill="url(#r)"
/>
<linearGradient
id="s"
x1="-45.258"
x2="18.589"
y1="581.711"
y2="581.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M128 477.867h102.4a8.536 8.536 0 0 0 8.533-8.533 8.536 8.536 0 0 0-8.533-8.533H128a8.536 8.536 0 0 0-8.533 8.533 8.536 8.536 0 0 0 8.533 8.533z"
fill="url(#s)"
/>
<linearGradient
id="t"
x1="-45.258"
x2="18.589"
y1="598.711"
y2="598.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M418.133 358.4a8.536 8.536 0 0 0 8.533-8.533v-51.2a8.536 8.536 0 0 0-8.533-8.533h-25.6c-4.71 0-8.533 3.823-8.533 8.533s3.823 8.533 8.533 8.533H409.6v42.667a8.536 8.536 0 0 0 8.533 8.533z"
fill="url(#t)"
/>
<linearGradient
id="u"
x1="-45.258"
x2="18.589"
y1="581.711"
y2="581.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path d="M290.133 460.8h34.133v17.067h-34.133z" fill="url(#u)" />
<linearGradient
id="v"
x1="-45.258"
x2="18.589"
y1="585.711"
y2="585.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path d="M290.133 426.667h34.133v17.067h-34.133z" fill="url(#v)" />
<linearGradient
id="w"
x1="-45.258"
x2="18.589"
y1="589.711"
y2="589.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path d="M290.133 392.533h34.133V409.6h-34.133z" fill="url(#w)" />
</svg>
More icons in the same style and category