Add icons to this collection by clicking the heart icon.
Computer icon - also known as computer, interface, monitor, security, lock, locked, padlock, electronics, and blocked. 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.003 512.003"
>
<linearGradient
id="a"
x1="-17.255"
x2="-17.255"
y1="636.269"
y2="574.512"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.112 5433.28)"
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.469 230.401c.06-14.14-11.358-25.651-25.498-25.702-14.14-.051-25.643 11.349-25.702 25.489a25.6 25.6 0 0 0 17.067 24.243v18.637h17.067v-18.637a25.595 25.595 0 0 0 17.066-24.03zm-25.6 8.534a8.536 8.536 0 0 1-8.533-8.533 8.536 8.536 0 0 1 8.533-8.533 8.536 8.536 0 0 1 8.533 8.533c.001 4.71-3.822 8.533-8.533 8.533z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-35.755"
x2="-35.755"
y1="636.269"
y2="574.512"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.112 5433.28)"
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.003 418.135H59.736c-23.552-.026-42.641-19.115-42.667-42.667v-17.067H.003v17.067c.043 32.973 26.761 59.691 59.733 59.733h68.267v-17.066z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-42.255"
x2="-42.255"
y1="636.269"
y2="574.512"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.112 5433.28)"
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="M.003 324.268H17.07v17.067H.003z" fill="url(#c)" />
<linearGradient
id="d"
x1="-13.255"
x2="-13.255"
y1="636.269"
y2="574.512"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.112 5433.28)"
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.469 349.868h17.067v17.067h-17.067z" fill="url(#d)" />
<linearGradient
id="e"
x1="-13.255"
x2="-13.255"
y1="636.269"
y2="574.512"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.112 5433.28)"
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="M477.869 142.005V68.268c0-18.85-15.283-34.133-34.133-34.133H329.714C280.297.002 214.907.002 165.49 34.135H68.27c-18.85 0-34.133 15.283-34.133 34.133v98.313c-39.962 32.93-45.662 92.015-12.732 131.977a93.979 93.979 0 0 0 12.732 12.732v55.646c0 18.85 15.283 34.133 34.133 34.133h122.027l-33.186 59.733h-46.174c-14.14 0-25.6 11.46-25.6 25.6s11.46 25.6 25.6 25.6H401.07c14.14 0 25.6-11.46 25.6-25.6s-11.46-25.6-25.6-25.6h-46.182l-33.178-59.733h122.027c18.85 0 34.133-15.283 34.133-34.133v-65.203c44.109-42.172 45.67-112.119 3.499-156.228a111.066 111.066 0 0 0-3.5-3.5zm-34.133-90.804c9.429 0 17.067 7.637 17.067 17.067v60.271a110.19 110.19 0 0 0-74.496-16.614 144.641 144.641 0 0 0-36.079-60.723h93.508zM51.203 68.268c0-9.429 7.637-17.067 17.067-17.067h76.715a144.545 144.545 0 0 0-42.359 94.276 93.232 93.232 0 0 0-51.422 9.949V68.268zm358.4 418.133a8.536 8.536 0 0 1-8.533 8.533H110.936c-4.71 0-8.533-3.823-8.533-8.533s3.823-8.533 8.533-8.533h290.133c4.711 0 8.534 3.823 8.534 8.533zm-74.24-25.6h-158.72l33.186-59.733h92.356l33.178 59.733zm125.44-93.866c0 9.429-7.637 17.067-17.067 17.067H68.269c-9.429 0-17.067-7.637-17.067-17.067v-44.493a93.22 93.22 0 0 0 42.667 10.359h307.2c21.188 0 41.933-6.118 59.733-17.604v51.738zm-290.134-59.734V170.668a8.536 8.536 0 0 1 8.533-8.533h93.867v153.6h-93.867c-4.71 0-8.533-3.823-8.533-8.534zm153.6-25.6v-17.067h34.133v17.067h-34.133zm34.134-34.133H324.27v-17.067h34.133v17.067zm-34.134-34.133v-17.067h34.133v17.067h-34.133zm17.067-34.134h-25.6a8.536 8.536 0 0 0-8.533 8.533v102.4a8.536 8.536 0 0 0 8.533 8.533h25.6v8.533a8.536 8.536 0 0 1-8.533 8.533h-42.667v-153.6h42.667a8.536 8.536 0 0 1 8.533 8.533v8.535zm-34.133-34.133h-102.4v-17.067c0-28.279 22.921-51.2 51.2-51.2s51.2 22.921 51.2 51.2v17.067zm93.866 170.667h-44.237a25.325 25.325 0 0 0 1.57-8.533v-8.533h8.533a8.536 8.536 0 0 0 8.533-8.533v-102.4a8.536 8.536 0 0 0-8.533-8.533h-8.533v-8.533c0-14.14-11.46-25.6-25.6-25.6h-8.533v-17.067c0-37.7-30.566-68.267-68.267-68.267s-68.267 30.566-68.267 68.267v17.067h-8.533c-14.14 0-25.6 11.46-25.6 25.6v136.533c.026 2.91.563 5.803 1.57 8.533H93.869c-42.419 0-76.8-34.381-76.8-76.8s34.381-76.8 76.8-76.8a77.67 77.67 0 0 1 15.454 1.562 8.542 8.542 0 0 0 10.069-6.656 8.322 8.322 0 0 0 .171-1.715c0-.486 0-.981-.085-1.707-.026-70.656 57.225-127.957 127.881-127.983 59.145-.026 110.592 40.499 124.433 98.005a8.531 8.531 0 0 0 10.035 6.366c50.731-10.658 100.506 21.828 111.164 72.559s-21.828 100.506-72.559 111.164a93.68 93.68 0 0 1-19.363 2.004z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="9.245"
x2="9.245"
y1="636.269"
y2="574.512"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.112 5433.28)"
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="M452.269.001h-68.267v17.067h68.267c23.552.026 42.641 19.115 42.667 42.667v17.067h17.067V59.735C511.96 26.762 485.242.044 452.269.001z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="15.745"
x2="15.745"
y1="636.269"
y2="574.512"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.112 5433.28)"
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.936 93.868h17.067v17.067h-17.067z" fill="url(#g)" />
</svg>
More icons in the same style and category