Add icons to this collection by clicking the heart icon.
Computer icon - also known as computer, security, lock, padlock, password, and ui. Created in a clean lineal color style with a white, silver, black, and yellow finish, 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="512"
height="512"
viewBox="0 0 60 60"
>
<g>
<path fill="#e9edf5" d="m43 54 1 3-1 1H17l-1-1 1-3h23z" />
<path fill="#bec3d2" d="M40 54H20c3.5-3.5 3-6 3-6h14s-.5 2.5 3 6z" />
<circle cx="30" cy="42" r="2" fill="#bec3d2" />
<path
fill="#e9edf5"
d="M59 36v8a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4v-8zm-27 6a2 2 0 1 0-2 2 2.006 2.006 0 0 0 2-2z"
/>
<path fill="#65b1fc" d="M59 6v30H1V6a4 4 0 0 1 4-4h50a4 4 0 0 1 4 4z" />
<path
fill="#87c7ff"
d="M18.039 2H5a4 4 0 0 0-4 4v11.686A31.1 31.1 0 0 1 18.039 2z"
/>
<path
fill="#a3d4ff"
d="M2.092 36A37.508 37.508 0 0 1 30.911 2H18.039A31.1 31.1 0 0 0 1 17.686V36z"
/>
<path
fill="#ffe45c"
d="M41 20v5a7 7 0 0 1-7 7h-9c-3.87 0-6-3.13-6-7v-5a7 7 0 0 1 7-7h8a7 7 0 0 1 7 7z"
/>
<path
fill="#fff"
d="M27.824 13H26a7 7 0 0 0-7 7v5c0 .2.009.4.021.593A13.987 13.987 0 0 1 27.824 13z"
opacity=".54"
/>
<path
fill="#fff"
d="M22.448 31.458A13.919 13.919 0 0 1 37.809 14.13 6.967 6.967 0 0 0 34 13h-6.176a13.987 13.987 0 0 0-8.8 12.593c.15 2.652 1.335 4.881 3.424 5.865z"
opacity=".19"
/>
<path
fill="#f2f6fc"
d="M34 21c0 1.48.19 1.31-1 2l-2 5h-2l-2-5c-1.19-.69-1-.52-1-2a4 4 0 0 1 8 0z"
/>
<circle cx="6" cy="7" r="1" fill="#65b1fc" />
<circle cx="6" cy="11" r="1" fill="#bfe1ff" />
<circle cx="6" cy="15" r="1" fill="#bfe1ff" />
<circle cx="6" cy="19" r="1" fill="#bfe1ff" />
<circle cx="6" cy="23" r="1" fill="#4a98f7" />
<circle cx="6" cy="27" r="1" fill="#4a98f7" />
<circle cx="6" cy="31" r="1" fill="#4a98f7" />
<circle cx="9" cy="29" r="1" fill="#4a98f7" />
<circle cx="9" cy="25" r="1" fill="#4a98f7" />
<circle cx="9" cy="21" r="1" fill="#4a98f7" />
<circle cx="9" cy="17" r="1" fill="#bfe1ff" />
<circle cx="9" cy="13" r="1" fill="#bfe1ff" />
<circle cx="9" cy="9" r="1" fill="#bfe1ff" />
<circle cx="51" cy="29" r="1" fill="#4a98f7" />
<circle cx="51" cy="25" r="1" fill="#4a98f7" />
<circle cx="51" cy="21" r="1" fill="#4a98f7" />
<circle cx="51" cy="17" r="1" fill="#4a98f7" />
<circle cx="51" cy="13" r="1" fill="#4a98f7" />
<circle cx="51" cy="9" r="1" fill="#4a98f7" />
<circle cx="54" cy="7" r="1" fill="#4a98f7" />
<circle cx="54" cy="11" r="1" fill="#4a98f7" />
<circle cx="54" cy="15" r="1" fill="#4a98f7" />
<circle cx="54" cy="19" r="1" fill="#4a98f7" />
<circle cx="54" cy="23" r="1" fill="#4a98f7" />
<circle cx="54" cy="27" r="1" fill="#4a98f7" />
<circle cx="54" cy="31" r="1" fill="#4a98f7" />
<path
fill="#2b1505"
d="M55 1H5a5.006 5.006 0 0 0-5 5v38a5.006 5.006 0 0 0 5 5h16.948a8.437 8.437 0 0 1-2.37 4H17a1 1 0 0 0-.949.684l-1 3a1 1 0 0 0 .242 1.023l1 1A1 1 0 0 0 17 59h26a1 1 0 0 0 .707-.293l1-1a1 1 0 0 0 .242-1.023l-1-3A1 1 0 0 0 43 53h-2.578a8.478 8.478 0 0 1-2.373-4H55a5.006 5.006 0 0 0 5-5V6a5.006 5.006 0 0 0-5-5zM5 3h50a3 3 0 0 1 3 3v29H2V6a3 3 0 0 1 3-3zm37.856 53.73-.27.27H17.414l-.27-.27.577-1.73h24.558zM37.813 53H22.187a8.652 8.652 0 0 0 1.795-4h12.036a8.652 8.652 0 0 0 1.795 4zM55 47H5a3 3 0 0 1-3-3v-7h56v7a3 3 0 0 1-3 3z"
/>
<path
fill="#2b1505"
d="M30 39a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1zM25 33h9a8.009 8.009 0 0 0 8-8v-5a8.008 8.008 0 0 0-6-7.737V11a6 6 0 0 0-12 0v1.263A8.008 8.008 0 0 0 18 20v5c0 4.785 2.813 8 7 8zm1-22a4 4 0 0 1 8 0v1h-8zm-6 9a6.006 6.006 0 0 1 6-6h8a6.006 6.006 0 0 1 6 6v5a6.006 6.006 0 0 1-6 6h-9c-3.69 0-5-3.232-5-6z"
/>
<path
fill="#2b1505"
d="m26.2 23.69 1.872 4.682A1 1 0 0 0 29 29h2a1 1 0 0 0 .929-.628L33.8 23.69a1.946 1.946 0 0 0 1.2-2.185V21a5 5 0 0 0-10 0c0 .2 0 .363-.006.5a1.946 1.946 0 0 0 1.206 2.19zm.794-2.143c0-.154.007-.334.007-.547a3 3 0 0 1 6 0c0 .213 0 .393.007.547 0 .113.007.2.007.284-.1.062-.243.146-.385.228l-.132.077a1 1 0 0 0-.426.492L30.323 27h-.646l-1.748-4.372a1 1 0 0 0-.426-.492l-.132-.077a12.723 12.723 0 0 1-.385-.228c0-.079.005-.171.007-.284z"
/>
<path
fill="#2b1505"
d="M30 23a1 1 0 0 0 1-1v-1a1 1 0 0 0-2 0v1a1 1 0 0 0 1 1z"
/>
<circle cx="12" cy="7" r="1" fill="#bfe1ff" />
<circle cx="12" cy="11" r="1" fill="#bfe1ff" />
<circle cx="12" cy="15" r="1" fill="#4a98f7" />
<circle cx="12" cy="19" r="1" fill="#4a98f7" />
<circle cx="12" cy="23" r="1" fill="#4a98f7" />
<circle cx="12" cy="27" r="1" fill="#4a98f7" />
<circle cx="12" cy="31" r="1" fill="#4a98f7" />
<circle cx="15" cy="29" r="1" fill="#4a98f7" />
<circle cx="15" cy="25" r="1" fill="#4a98f7" />
<circle cx="15" cy="21" r="1" fill="#4a98f7" />
<circle cx="15" cy="17" r="1" fill="#4a98f7" />
<circle cx="15" cy="13" r="1" fill="#4a98f7" />
<circle cx="15" cy="9" r="1" fill="#bfe1ff" />
<circle cx="18" cy="7" r="1" fill="#bfe1ff" />
<g fill="#4a98f7">
<circle cx="18" cy="11" r="1" />
<circle cx="42" cy="11" r="1" />
<circle cx="42" cy="7" r="1" />
<circle cx="48" cy="31" r="1" />
<circle cx="48" cy="27" r="1" />
<circle cx="48" cy="23" r="1" />
<circle cx="48" cy="19" r="1" />
<circle cx="48" cy="15" r="1" />
<circle cx="48" cy="11" r="1" />
<circle cx="48" cy="7" r="1" />
<circle cx="45" cy="9" r="1" />
<circle cx="45" cy="13" r="1" />
<circle cx="45" cy="17" r="1" />
<circle cx="45" cy="21" r="1" />
<circle cx="45" cy="25" r="1" />
<circle cx="45" cy="29" r="1" />
</g>
</g>
</svg>
More icons in the same style and category