Add icons to this collection by clicking the heart icon.
Keyboard icon - also known as computer, screen, mouse, monitor, marketing, keyboard, and analytics. Created in a clean lineal color style with a white, silver, gray, black, yellow, olive, and orange 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>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-35.476v34.005c0 5.652 4.582 10.233 10.234 10.233h15.009C-4.582 44.238 0 39.657 0 34.005Z"
transform="translate(83.054 167.307)"
fill="#60b8ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-35.476v34.005c0 5.652 4.582 10.233 10.234 10.233h15.009C-4.582 44.238 0 39.657 0 34.005Z"
transform="translate(83.054 167.307)"
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-353.331c0-5.695-4.616-10.311-10.311-10.311h-322.4c-5.695 0-10.311 4.616-10.311 10.311V0c0 5.695 4.616 10.311 10.311 10.311h322.4C-4.616 10.311 0 5.695 0 0"
transform="translate(491.56 494.19)"
fill="#eff5f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-353.334c0-5.691-4.618-10.309-10.309-10.309h-35.587c5.69 0 10.309 4.618 10.309 10.309V0c0 5.691-4.619 10.309-10.309 10.309h35.587C-4.618 10.309 0 5.691 0 0"
transform="translate(491.56 494.189)"
fill="#cae5e7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-230.941c0-5.696-4.616-10.311-10.311-10.311h-322.397c-5.695 0-10.311 4.615-10.311 10.311v76.188l59.87 59.88 66.563-66.562 49.528 49.528h55.151l76.318 76.318z"
transform="translate(491.558 371.792)"
fill="#60b8ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-230.941c0-5.696-4.616-10.311-10.311-10.311H-45.89v.01c5.685 0 10.301 4.616 10.301 10.301v195.352z"
transform="translate(491.558 371.792)"
fill="#26a5fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-129.345l55.155.007V0Z"
transform="translate(324.5 259.889)"
fill="#6ad9e7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-79.81l49.528-.007V49.528Z"
transform="translate(274.972 210.36)"
fill="#978fcb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-146.379h-49.559c-5.695 0-10.311 4.615-10.311 10.311v76.188z"
transform="translate(208.41 276.919)"
fill="#a1e62d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-146.373h66.563v79.81z"
transform="translate(208.41 276.923)"
fill="#fd636f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v129.338"
transform="translate(379.655 130.55)"
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-129.345"
transform="translate(324.5 259.889)"
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-79.81"
transform="translate(274.972 210.36)"
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-146.379"
transform="translate(208.41 276.919)"
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 0-111.899-111.9h-55.156l-49.528-49.528-66.562 66.562-59.87-59.88"
transform="translate(491.554 371.789)"
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-53.425h-343.022V0c0 5.695 4.616 10.311 10.311 10.311h322.4C-4.626 10.311 0 5.695 0 0"
transform="translate(491.56 494.188)"
fill="#6ad9e7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-53.425h-35.589V0c0 5.695-4.626 10.311-10.31 10.311h35.588C-4.626 10.311 0 5.695 0 0"
transform="translate(491.56 494.188)"
fill="#03c7dd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-149.141c0-5.693 4.615-10.309 10.309-10.309h322.402c5.694 0 10.309 4.616 10.309 10.309v353.329c0 5.694-4.615 10.31-10.309 10.31h-59.25"
transform="translate(148.539 290)"
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-229.152c-5.694 0-10.309-4.616-10.309-10.309v-170.189"
transform="translate(388 504.498)"
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.106"
transform="translate(186.037 472.484)"
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.106"
transform="translate(212.667 472.484)"
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.106"
transform="translate(239.298 472.484)"
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-343.022"
transform="translate(491.56 440.762)"
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 0h96.505"
transform="translate(208.41 346.44)"
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.106"
transform="translate(208.356 404.022)"
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.106"
transform="translate(237.364 404.022)"
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 0h96.505"
transform="translate(208.41 320.125)"
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-338.655c-5.678 0-10.28 4.603-10.28 10.28v148.197c0 5.678 4.602 10.28 10.28 10.28H0c5.677 0 10.28-4.602 10.28-10.28V10.28C10.28 4.603 5.677 0 0 0"
transform="translate(369.375 7.5)"
fill="#688d98"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-148.201c0-5.67-4.595-10.275-10.274-10.275h-36.81c5.669 0 10.274 4.605 10.274 10.275V0c0 5.679-4.605 10.285-10.274 10.285h36.81C-4.595 10.285 0 5.679 0 0"
transform="translate(379.65 165.977)"
fill="#547984"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v60.977c0 5.678-4.603 10.28-10.28 10.28h-338.655c-5.677 0-10.279-4.602-10.279-10.28V-87.22c0-5.677 4.602-10.28 10.279-10.28H-10.28C-4.603-97.5 0-92.897 0-87.22V-34"
transform="translate(379.655 105)"
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 0-2.785.013"
transform="translate(59.761 137.29)"
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 0-2.785.013"
transform="translate(95.181 137.29)"
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 0-2.785.013"
transform="translate(130.6 137.29)"
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 0-2.785.013"
transform="translate(166.02 137.29)"
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 0-2.785.013"
transform="translate(201.44 137.29)"
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 0-2.785.013"
transform="translate(236.86 137.29)"
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 0-2.786.013"
transform="translate(272.28 137.29)"
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 0-2.785.013"
transform="translate(307.7 137.29)"
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 0-2.785.013"
transform="translate(343.12 137.29)"
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 0-2.785.013"
transform="translate(78.864 108.297)"
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 0-2.786.013"
transform="translate(114.284 108.297)"
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 0-2.785.013"
transform="translate(149.703 108.297)"
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 0-2.785.013"
transform="translate(185.123 108.297)"
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 0-2.785.013"
transform="translate(220.542 108.297)"
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 0-2.785.013"
transform="translate(255.962 108.297)"
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 0-2.785.013"
transform="translate(291.382 108.297)"
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 0-2.785.013"
transform="translate(326.802 108.297)"
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 0-2.785.013"
transform="translate(59.761 79.305)"
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 0-2.785.013"
transform="translate(95.181 79.305)"
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 0-2.785.013"
transform="translate(130.6 79.305)"
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 0-2.785.013"
transform="translate(166.02 79.305)"
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 0-2.785.013"
transform="translate(201.44 79.305)"
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 0-2.785.013"
transform="translate(236.86 79.305)"
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 0-2.786.013"
transform="translate(272.28 79.305)"
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 0-2.785.013"
transform="translate(307.7 79.305)"
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 0-2.785.013"
transform="translate(343.12 79.305)"
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 0-2.785.013"
transform="translate(59.761 50.313)"
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 0-2.785.013"
transform="translate(95.181 50.313)"
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 0-144.464.013"
transform="translate(272.28 50.313)"
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 0-2.785.013"
transform="translate(307.7 50.313)"
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 0-2.785.013"
transform="translate(343.12 50.313)"
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 0v144.306c0 11.303 9.164 20.466 20.467 20.466h151.687"
transform="translate(65.316 211.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-17.7-14.349-32.048-32.048-32.048-17.7 0-32.049 14.348-32.049 32.048 0 17.7 14.349 32.048 32.049 32.048C-14.349 32.048 0 17.7 0 0"
transform="translate(413.273 371.974)"
fill="#bbec6b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-17.7-14.344-32.055-32.044-32.055a31.893 31.893 0 0 0-13.884 3.162C-35.185-23.716-27.777-12.717-27.777 0c0 12.717-7.408 23.706-18.151 28.883a31.907 31.907 0 0 0 13.884 3.161C-14.344 32.044 0 17.7 0 0"
transform="translate(413.27 371.978)"
fill="#97d729"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-17.7-14.349-32.048-32.048-32.048-17.7 0-32.049 14.348-32.049 32.048 0 17.7 14.349 32.048 32.049 32.048C-14.349 32.048 0 17.7 0 0Z"
transform="translate(413.273 371.974)"
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