Add icons to this collection by clicking the heart icon.
Computer icon - also known as computer, interface, monitor, security, lock, locked, padlock, electronics, blocked, and intranet. 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="-18.449"
x2="-18.449"
y1="633.577"
y2="578.924"
gradientTransform="matrix(8.8276 0 0 -8.8276 383.552 5625.414)"
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="M211.862 201.41v19.279h17.655V201.41c13.789-4.873 21.018-20.003 16.137-33.792-4.873-13.789-20.003-21.018-33.792-16.137-13.789 4.882-21.018 20.003-16.137 33.792a26.483 26.483 0 0 0 16.137 16.137zm8.828-33.686c4.873 0 8.828 3.955 8.828 8.828 0 4.873-3.955 8.828-8.828 8.828-4.873 0-8.828-3.955-8.828-8.828 0-4.873 3.955-8.828 8.828-8.828z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-14.449"
x2="-14.449"
y1="633.577"
y2="578.924"
gradientTransform="matrix(8.8276 0 0 -8.8276 383.552 5625.414)"
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="M467.862 512c19.5 0 35.31-15.81 35.31-35.31v-26.483c0-4.873-3.955-8.828-8.828-8.828h-26.483V158.897c0-19.5-15.81-35.31-35.31-35.31H361.93v-8.828c0-14.627-11.855-26.483-26.483-26.483h-8.828V70.621C326.621 31.62 295 0 256 0s-70.621 31.62-70.621 70.621v17.655h-8.828c-14.627 0-26.483 11.855-26.483 26.483v8.828h-70.62c-19.5 0-35.31 15.81-35.31 35.31V441.38H17.655c-4.873 0-8.828 3.955-8.828 8.828v26.483c0 19.5 15.81 35.31 35.31 35.31h423.725zm-291.31-229.517h158.897c14.627 0 26.483-11.855 26.483-26.483v-8.828h8.828c4.873 0 8.828-3.955 8.828-8.828v-52.966h26.483v203.034h-300.14V185.379h44.138V256c0 14.627 11.855 26.483 26.483 26.483zm185.379-141.242v17.655h-35.31v-17.655h35.31zm0 52.966h-35.31v-17.655h35.31v17.655zm-35.31 17.655h35.31v17.655h-35.31v-17.655zm17.655-97.103v8.828h-26.483c-4.873 0-8.828 3.955-8.828 8.828v105.931c0 4.873 3.955 8.828 8.828 8.828h26.483V256c0 4.873-3.955 8.828-8.828 8.828H291.31V105.931h44.138c4.873 0 8.828 3.955 8.828 8.828zM203.034 70.621c0-29.255 23.711-52.966 52.966-52.966s52.966 23.711 52.966 52.966v17.655H203.034V70.621zm-35.31 44.138c0-4.873 3.955-8.828 8.828-8.828h97.103v158.897h-97.103c-4.873 0-8.828-3.955-8.828-8.828V114.759zM61.793 158.897c0-9.754 7.901-17.655 17.655-17.655h70.621v26.483H97.103c-4.873 0-8.828 3.955-8.828 8.828v220.69c0 4.873 3.955 8.828 8.828 8.828h317.793c4.873 0 8.828-3.955 8.828-8.828v-220.69c0-4.873-3.955-8.828-8.828-8.828h-35.31v-26.483h52.966c9.754 0 17.655 7.901 17.655 17.655V441.38H335.448c-2.339 0-4.59.927-6.241 2.586l-15.069 15.069H197.862l-15.069-15.069a8.803 8.803 0 0 0-6.241-2.586H61.793V158.897zM26.483 476.69v-17.655h146.414l15.069 15.069a8.803 8.803 0 0 0 6.241 2.586h123.586c2.339 0 4.59-.927 6.241-2.586l15.069-15.069h146.414v17.655c0 9.754-7.901 17.655-17.655 17.655H44.138c-9.755 0-17.655-7.901-17.655-17.655z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-14.449"
x2="-14.449"
y1="633.577"
y2="578.924"
gradientTransform="matrix(8.8276 0 0 -8.8276 383.552 5625.414)"
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.172 423.724h17.655v17.655h-17.655z" fill="url(#c)" />
<linearGradient
id="d"
x1="-25.449"
x2="-25.449"
y1="633.577"
y2="578.924"
gradientTransform="matrix(8.8276 0 0 -8.8276 383.552 5625.414)"
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="M150.069 308.966h17.655v17.655h-17.655z" fill="url(#d)" />
<linearGradient
id="e"
x1="-11.449"
x2="-11.449"
y1="633.577"
y2="578.924"
gradientTransform="matrix(8.8276 0 0 -8.8276 383.552 5625.414)"
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="M185.379 308.966h194.207v17.655H185.379z" fill="url(#e)" />
<linearGradient
id="f"
x1="-16.449"
x2="-16.449"
y1="633.577"
y2="578.924"
gradientTransform="matrix(8.8276 0 0 -8.8276 383.552 5625.414)"
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="M132.414 344.276h211.862v17.655H132.414z" fill="url(#f)" />
<linearGradient
id="g"
x1="-36.449"
x2="-36.449"
y1="633.577"
y2="578.924"
gradientTransform="matrix(8.8276 0 0 -8.8276 383.552 5625.414)"
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="M26.483 158.897c.026-29.237 23.729-52.939 52.966-52.966h35.31V88.276h-35.31c-38.983.044-70.577 31.638-70.621 70.621v141.241h17.655V158.897z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-41.449"
x2="-41.449"
y1="633.577"
y2="578.924"
gradientTransform="matrix(8.8276 0 0 -8.8276 383.552 5625.414)"
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="M8.828 317.793h17.655v17.655H8.828z" fill="url(#h)" />
<linearGradient
id="i"
x1="12.551"
x2="12.551"
y1="633.577"
y2="578.924"
gradientTransform="matrix(8.8276 0 0 -8.8276 383.552 5625.414)"
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="M485.517 247.172h17.655v150.069h-17.655z" fill="url(#i)" />
<linearGradient
id="j"
x1="12.551"
x2="12.551"
y1="633.577"
y2="578.924"
gradientTransform="matrix(8.8276 0 0 -8.8276 383.552 5625.414)"
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="M485.517 211.862h17.655v17.655h-17.655z" fill="url(#j)" />
</svg>
More icons in the same style and category