Add icons to this collection by clicking the heart icon.
Computer icon - also known as technology, computer, television, education, monitor, keyboard, 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 480 480"
>
<linearGradient
id="a"
x1="-37.898"
x2="36.915"
y1="564.625"
y2="564.625"
gradientTransform="matrix(8 0 0 -8 315 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".718" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M308 368H84c-13.255 0-24 10.745-24 24v64c0 13.255 10.745 24 24 24h224c13.255 0 24-10.745 24-24v-64c0-13.255-10.745-24-24-24zm8 88a8 8 0 0 1-8 8H84a8 8 0 0 1-8-8v-64a8 8 0 0 1 8-8h224a8 8 0 0 1 8 8v64z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-37.898"
x2="36.915"
y1="562.625"
y2="562.625"
gradientTransform="matrix(8 0 0 -8 315 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".718" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M92 432h16v16H92v-16z" fill="url(#b)" />
<linearGradient
id="c"
x1="-37.898"
x2="36.915"
y1="566.625"
y2="566.625"
gradientTransform="matrix(8 0 0 -8 315 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".718" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M92 400h16v16H92v-16z" fill="url(#c)" />
<linearGradient
id="d"
x1="-37.898"
x2="36.915"
y1="566.625"
y2="566.625"
gradientTransform="matrix(8 0 0 -8 315 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".718" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M124 400h16v16h-16v-16z" fill="url(#d)" />
<linearGradient
id="e"
x1="-37.898"
x2="36.915"
y1="566.625"
y2="566.625"
gradientTransform="matrix(8 0 0 -8 315 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".718" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M156 400h16v16h-16v-16z" fill="url(#e)" />
<linearGradient
id="f"
x1="-37.898"
x2="36.915"
y1="566.625"
y2="566.625"
gradientTransform="matrix(8 0 0 -8 315 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".718" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M188 400h16v16h-16v-16z" fill="url(#f)" />
<linearGradient
id="g"
x1="-37.898"
x2="36.915"
y1="566.625"
y2="566.625"
gradientTransform="matrix(8 0 0 -8 315 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".718" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M220 400h16v16h-16v-16z" fill="url(#g)" />
<linearGradient
id="h"
x1="-37.898"
x2="36.915"
y1="566.625"
y2="566.625"
gradientTransform="matrix(8 0 0 -8 315 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".718" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M252 400h16v16h-16v-16z" fill="url(#h)" />
<linearGradient
id="i"
x1="-37.898"
x2="36.915"
y1="566.625"
y2="566.625"
gradientTransform="matrix(8 0 0 -8 315 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".718" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M284 400h16v16h-16v-16z" fill="url(#i)" />
<linearGradient
id="j"
x1="-37.898"
x2="36.915"
y1="562.625"
y2="562.625"
gradientTransform="matrix(8 0 0 -8 315 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".718" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M124 432h144v16H124v-16z" fill="url(#j)" />
<linearGradient
id="k"
x1="-37.898"
x2="36.915"
y1="562.625"
y2="562.625"
gradientTransform="matrix(8 0 0 -8 315 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".718" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M284 432h16v16h-16v-16z" fill="url(#k)" />
<linearGradient
id="l"
x1="-37.898"
x2="36.915"
y1="604.619"
y2="604.619"
gradientTransform="matrix(8 0 0 -8 315 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".718" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M140 176a71.583 71.583 0 0 0 44.888-15.8l5.456 5.456A8 8 0 0 0 196 168h16v-16h-12.688l-3.112-3.112c19.725-24.567 21.114-59.129 3.424-85.2L207.312 56H220V40h-16a8 8 0 0 0-5.656 2.344l-9.192 9.192C160.15 24.37 114.617 25.857 87.451 54.859s-25.679 74.535 3.323 101.701A71.951 71.951 0 0 0 140 176zm45.656-98.344L188 75.312A55.53 55.53 0 0 1 195.36 96H148V48.64a55.734 55.734 0 0 1 29.84 14.208l-3.496 3.496 11.312 11.312zM132 48.64V104a8 8 0 0 0 8 8h55.36a55.572 55.572 0 0 1-10.56 25.472l-7.128-7.128-11.312 11.312 7.128 7.128c-24.73 18.514-59.787 13.475-78.301-11.255s-13.475-59.787 11.255-78.301A55.94 55.94 0 0 1 132 48.64z"
fill="url(#l)"
/>
<linearGradient
id="m"
x1="-37.898"
x2="36.915"
y1="597.625"
y2="597.625"
gradientTransform="matrix(8 0 0 -8 315 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".718" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M228 152h32v16h-32v-16z" fill="url(#m)" />
<linearGradient
id="n"
x1="-37.898"
x2="36.915"
y1="611.625"
y2="611.625"
gradientTransform="matrix(8 0 0 -8 315 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".718" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M236 40h32v16h-32V40z" fill="url(#n)" />
<linearGradient
id="o"
x1="-37.898"
x2="36.915"
y1="589.125"
y2="589.125"
gradientTransform="matrix(8 0 0 -8 315 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".718" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M436 360v-24c0-22.091-17.909-40-40-40s-40 17.909-40 40a8 8 0 0 1-8 8c-4.936 0-8-4.44-8-11.584V304c0-13.239-10.721-23.978-23.96-24H244v-24h104c13.255 0 24-10.745 24-24V24c0-13.255-10.745-24-24-24H44C30.745 0 20 10.745 20 24v208c0 13.255 10.745 24 24 24h104v56h-24v16h144v-16h-24v-16h72.04a8 8 0 0 1 7.96 8v28.44c-1.397 13.763 8.628 26.052 22.391 27.449.535.054 1.072.091 1.609.111 13.255 0 24-10.745 24-24s10.745-24 24-24 24 10.745 24 24v24c-13.255 0-24 10.745-24 24v48c0 13.255 10.745 24 24 24h16c13.255 0 24-10.745 24-24v-48c0-13.255-10.745-24-24-24zM44 16h304a8 8 0 0 1 8 8v168H36V24a8 8 0 0 1 8-8zm-8 216v-24h320v24a8 8 0 0 1-8 8H44a8 8 0 0 1-8-8zm128 80v-56h64v56h-64zm280 120a8 8 0 0 1-8 8h-16a8 8 0 0 1-8-8v-48a8 8 0 0 1 8-8h16a8 8 0 0 1 8 8v48z"
fill="url(#o)"
/>
<linearGradient
id="p"
x1="-37.898"
x2="36.915"
y1="567.625"
y2="567.625"
gradientTransform="matrix(8 0 0 -8 315 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".718" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M420 392h16v16h-16v-16z" fill="url(#p)" />
</svg>
More icons in the same style and category