Add icons to this collection by clicking the heart icon.
Computer icon - also known as computer, screen, education, reading, book, monitor, online learning, electronics, and publishing. Created in a clean lineal 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="-13.258"
x2="-13.258"
y1="645.735"
y2="586.114"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5514.618)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M247.467 332.8h17.067v17.067h-17.067z" fill="url(#a)" />
<linearGradient
id="b"
x1="-13.258"
x2="-13.258"
y1="645.735"
y2="586.114"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5514.618)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="M469.333 42.667H435.2c0-18.85-15.283-34.133-34.133-34.133H384a8.536 8.536 0 0 0-8.533 8.533v25.6h-85.333a8.513 8.513 0 0 0-6.033 2.5l-28.1 28.1-28.1-28.1a8.513 8.513 0 0 0-6.033-2.5h-179.2a8.536 8.536 0 0 0-8.533 8.533v298.667c0 18.85 15.283 34.133 34.133 34.133h122.726l-34.133 68.267h-45.926c-14.14 0-25.6 11.46-25.6 25.6s11.46 25.6 25.6 25.6h290.133c14.14 0 25.6-11.46 25.6-25.6s-11.46-25.6-25.6-25.6H355.14L321.007 384h122.726c18.85 0 34.133-15.283 34.133-34.133V51.2c.001-4.71-3.822-8.533-8.533-8.533zm-76.8-17.067h8.533c9.429 0 17.067 7.637 17.067 17.067v175.249a33.864 33.864 0 0 0-17.067-4.582h-8.533V25.6zm-128 63.266 29.133-29.133h81.801v25.6h-34.133V102.4h34.133v17.067h-85.333v17.067h85.333V153.6h-85.333v17.067h85.333v17.067h-85.333V204.8h85.333v17.067A8.536 8.536 0 0 0 384 230.4h17.067c9.429 0 17.067 7.637 17.067 17.067s-7.637 17.067-17.067 17.067H290.133a8.513 8.513 0 0 0-6.033 2.5l-19.567 19.567V88.866zM51.2 59.733h167.134l29.133 29.133V286.6L227.9 267.034a8.513 8.513 0 0 0-6.033-2.5H51.2V59.733zm0 221.867h167.134l17.067 17.067H51.2V281.6zm349.867 187.733c4.71 0 8.533 3.823 8.533 8.533s-3.823 8.533-8.533 8.533H110.933c-4.71 0-8.533-3.823-8.533-8.533s3.823-8.533 8.533-8.533h290.134zm-65.007-17.066H175.94L210.074 384h91.853l34.133 68.267zm124.74-102.4c0 9.429-7.637 17.067-17.067 17.067H68.267c-9.429 0-17.067-7.637-17.067-17.067v-34.133h409.6v34.133zm0-51.2H276.599l17.067-17.067H460.8v17.067zm0-34.134h-30.345a33.772 33.772 0 0 0 4.745-17.067V59.733h25.6v204.8z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-31.258"
x2="-31.258"
y1="645.735"
y2="586.114"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5514.618)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M93.867 85.333h17.067V102.4H93.867z" fill="url(#c)" />
<linearGradient
id="d"
x1="-25.758"
x2="-25.758"
y1="645.735"
y2="586.114"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5514.618)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M76.8 119.467h145.067v17.067H76.8z" fill="url(#d)" />
<linearGradient
id="e"
x1="-25.758"
x2="-25.758"
y1="645.735"
y2="586.114"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5514.618)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M76.8 153.6h145.067v17.067H76.8z" fill="url(#e)" />
<linearGradient
id="f"
x1="-25.758"
x2="-25.758"
y1="645.735"
y2="586.114"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5514.618)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M76.8 187.733h145.067V204.8H76.8z" fill="url(#f)" />
<linearGradient
id="g"
x1="-27.758"
x2="-27.758"
y1="645.735"
y2="586.114"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5514.618)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M76.8 221.867h110.933v17.067H76.8z" fill="url(#g)" />
<linearGradient
id="h"
x1="-22.758"
x2="-22.758"
y1="645.735"
y2="586.114"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5514.618)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M128 85.333h93.867V102.4H128z" fill="url(#h)" />
<linearGradient
id="i"
x1="-6.258"
x2="-6.258"
y1="645.735"
y2="586.114"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5514.618)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M307.2 85.333h17.067V102.4H307.2z" fill="url(#i)" />
<linearGradient
id="j"
x1="-5.758"
x2="-5.758"
y1="645.735"
y2="586.114"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5514.618)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M290.133 221.867h59.733v17.067h-59.733z" fill="url(#j)" />
<linearGradient
id="k"
x1="-38.258"
x2="-38.258"
y1="645.735"
y2="586.114"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5514.618)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="M85.333 401.067h-25.6c-23.552-.026-42.641-19.115-42.667-42.667V256H0v102.4c.034 32.973 26.761 59.699 59.733 59.733h25.6v-17.066z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="-42.258"
x2="-42.258"
y1="645.735"
y2="586.114"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5514.618)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M0 221.867h17.067v17.067H0z" fill="url(#l)" />
<linearGradient
id="m"
x1="15.742"
x2="15.742"
y1="645.735"
y2="586.114"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5514.618)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M494.933 76.8H512V256h-17.067z" fill="url(#m)" />
<linearGradient
id="n"
x1="15.742"
x2="15.742"
y1="645.735"
y2="586.114"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5514.618)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M494.933 273.067H512v17.067h-17.067z" fill="url(#n)" />
</svg>
More icons in the same style and category