Add icons to this collection by clicking the heart icon.
Computer icon - also known as computer, interface, write, pencil, internet, writing, browser, ui, blog, computing, content, blogging, and edit tools. Created in a clean lineal color style with a white, silver, gray, black, red, teal, orange, and pink 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M240.005 34.286h32.649v72h-32.649z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#3e4b5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M240.005 34.286h20v72h-20z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#22303a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-404.231c-20.083 0-36.422 16.338-36.422 36.42v331.871c0 20.082 16.339 36.42 36.422 36.42H0c20.082 0 36.42-16.338 36.42-36.42V36.42C36.42 16.338 20.082 0 0 0"
transform="translate(458.446 99.773)"
fill="#576574"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v331.87c0 20.082 16.339 36.421 36.422 36.421h-20C-3.661 368.291-20 351.952-20 331.87V0c0-20.082 16.339-36.42 36.422-36.42h20C16.339-36.42 0-20.082 0 0"
transform="translate(37.793 136.194)"
fill="#3e4b5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-129.253c-6.874 0-12.446-5.572-12.446-12.446v-7.757c0-6.874 5.572-12.446 12.446-12.446H0c6.875 0 12.447 5.572 12.447 12.446v7.757C12.447-5.572 6.875 0 0 0"
transform="translate(320.956 40.165)"
fill="#576574"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-129.253c-4.646 0-8.691 2.551-10.83 6.325a12.387 12.387 0 0 1-1.616-6.122v-7.756c0-6.874 5.572-12.447 12.446-12.447H0c6.875 0 12.447 5.573 12.447 12.447V.203c0 2.227-.592 4.313-1.617 6.122C8.692 2.551 4.647 0 0 0"
transform="translate(320.956 27.516)"
fill="#3e4b5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-2.207 0-4.071-1.864-4.071-4.07v-331.87c0-2.206 1.864-4.07 4.071-4.07h404.231c2.206 0 4.07 1.864 4.07 4.07V-4.07c0 2.206-1.864 4.07-4.07 4.07z"
transform="translate(54.215 472.134)"
fill="#e4eaf8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v331.87c0 2.206 1.864 4.07 4.071 4.07h-20c-2.207 0-4.071-1.864-4.071-4.07V0c0-2.206 1.864-4.07 4.071-4.07h20C1.864-4.07 0-2.206 0 0"
transform="translate(70.144 136.194)"
fill="#ccd2db"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-404.231c-2.207 0-4.072-1.864-4.072-4.07v-32.591H4.069V-4.07C4.069-1.864 2.206 0 0 0"
transform="translate(458.446 472.134)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-40.921c-2.207 0-4.071-1.864-4.071-4.07v-32.591H0Z"
transform="translate(95.136 472.134)"
fill="#ff6b6b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-2.207 0-4.071-1.864-4.071-4.07v-32.592h20V-4.07C15.929-1.864 17.792 0 20 0Z"
transform="translate(54.215 472.134)"
fill="#ee5253"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-110.838c-4.739 0-8.617-3.878-8.617-8.617v-111.44c0-4.739 3.878-8.617 8.617-8.617H0c4.738 0 8.616 3.878 8.616 8.617v111.44C8.616-3.878 4.738 0 0 0"
transform="translate(214.59 397.883)"
fill="#ff6b6b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v111.439c0 4.74 3.878 8.618 8.617 8.618h-20c-4.739 0-8.617-3.878-8.617-8.618V0c0-4.74 3.878-8.618 8.617-8.618h20C3.878-8.618 0-4.74 0 0"
transform="translate(115.136 277.827)"
fill="#ee5253"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 13.931-11.294 25.225-25.226 25.225-13.93 0-25.224-11.294-25.224-25.225 0-13.932 11.294-25.225 25.224-25.225C-11.294-25.225 0-13.932 0 0"
transform="translate(184.397 349.827)"
fill="#ffcdbf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 10.378 6.269 19.289 15.225 23.161a25.136 25.136 0 0 1-10 2.064C-8.706 25.225-20 13.932-20 0c0-13.932 11.294-25.225 25.225-25.225 3.553 0 6.933.738 10 2.064C6.269-19.289 0-10.378 0 0"
transform="translate(153.946 349.827)"
fill="#ffbeab"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-28.552c-14.864 0-27.027-12.162-27.027-27.027v-28.366h82.606v28.366C27.027-12.162 14.864 0 0 0"
transform="translate(173.447 324.602)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20c-14.864 0-27.027-12.162-27.027-27.027v-28.366h20v28.366C-27.027-12.162-14.864 0 0 0"
transform="translate(164.895 324.602)"
fill="#338def"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M239.675 40.165h32.65v59.608h-32.65z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-2.207 0-4.071-1.864-4.071-4.07v-331.87c0-2.206 1.864-4.07 4.071-4.07h404.231c2.206 0 4.071 1.864 4.071 4.07V-4.07c0 2.206-1.865 4.07-4.071 4.07z"
transform="translate(53.885 472.134)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-404.231c-2.207 0-4.072-1.864-4.072-4.07v-32.591H4.07V-4.07C4.07-1.864 2.206 0 0 0Z"
transform="translate(458.116 472.134)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-40.921c-2.207 0-4.071-1.864-4.071-4.07v-32.591H0Z"
transform="translate(94.806 472.134)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h169.486"
transform="translate(256 301.377)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h169.486"
transform="translate(256 333.546)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h169.486"
transform="translate(256 365.715)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h169.486"
transform="translate(256 397.883)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h330.681"
transform="translate(94.806 172.704)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h330.681"
transform="translate(94.806 204.872)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h330.681"
transform="translate(94.806 237.04)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h169.486"
transform="translate(256 269.209)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-29.336"
transform="translate(138.318 298.545)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-29.336"
transform="translate(179.365 298.545)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 13.931-11.293 25.225-25.225 25.225C-39.156 25.225-50.45 13.931-50.45 0c0-13.932 11.294-25.225 25.225-25.225C-11.293-25.225 0-13.932 0 0Z"
transform="translate(184.066 349.827)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-28.552c-14.864 0-27.026-12.162-27.026-27.027v-28.366h82.605v28.366C27.027-12.162 14.864 0 0 0Z"
transform="translate(173.117 324.602)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-110.838c-4.739 0-8.617-3.878-8.617-8.617v-111.44c0-4.739 3.878-8.617 8.617-8.617H0c4.738 0 8.616 3.878 8.616 8.617v111.44C8.616-3.878 4.738 0 0 0Z"
transform="translate(214.26 397.883)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h47.127c6.874 0 12.446 5.573 12.446 12.447v7.756c0 6.874-5.572 12.446-12.446 12.446H-82.127c-6.874 0-12.446-5.572-12.446-12.446v-7.756C-94.573 5.573-89.001 0-82.127 0H-35"
transform="translate(273.5 7.516)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v149.186c0 20.082-16.338 36.42-36.42 36.42h-404.231c-20.083 0-36.421-16.338-36.421-36.42v-331.87c0-20.082 16.338-36.42 36.421-36.42H-36.42c20.082 0 36.42 16.338 36.42 36.42V-35"
transform="translate(494.536 318.878)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category