Add icons to this collection by clicking the heart icon.
Keyboard icon - also known as technology, computer, electronic, keyboard, keys, electronics, computing, and music and multimedia. Created in a clean lineal color style with a white, silver, black, 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>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-431.906c-17.975 0-32.547-14.572-32.547-32.547v-358.094c0-17.975 14.572-32.547 32.547-32.547H0c17.975 0 32.547 14.572 32.547 32.547v358.094C32.547-14.572 17.975 0 0 0"
transform="translate(471.953 467.594)"
fill="#6dd1e0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v358.094c0 17.975 14.572 32.547 32.547 32.547h-30c-17.975 0-32.547-14.572-32.547-32.547V0c0-17.975 14.572-32.547 32.547-32.547h30C14.572-32.547 0-17.975 0 0"
transform="translate(37.5 76.953)"
fill="#34bed2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-9.526 0-17.249-7.722-17.249-17.249v-192.345h54.762V0Z"
transform="translate(81.585 254)"
fill="#ececee"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M173.858 254h-54.761V44.406h54.761z"
fill="#dadadc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M228.62 254h-54.761V44.406h54.761z"
fill="#ececee"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M283.381 254H228.62V44.406h54.761z"
fill="#dadadc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M338.142 254h-54.761V44.406h54.761z"
fill="#ececee"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M392.903 254h-54.761V44.406h54.761z"
fill="#dadadc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-37.513v-209.594h54.762v192.345C17.249-7.722 9.526 0 0 0"
transform="translate(430.415 254)"
fill="#ececee"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-30.968-25.104-56.072-56.072-56.072-30.968 0-56.072 25.104-56.072 56.072 0 30.968 25.104 56.072 56.072 56.072C-25.104 56.072 0 30.968 0 0"
transform="translate(154.478 378.928)"
fill="#ff89c5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-12.644-10.25-22.894-22.894-22.894-12.645 0-22.895 10.25-22.895 22.894 0 12.644 10.25 22.894 22.895 22.894C-10.25 22.894 0 12.644 0 0"
transform="translate(121.3 378.928)"
fill="#ececee"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-30.968 25.104-56.072 56.072-56.072 30.968 0 56.072 25.104 56.072 56.072 0 30.968-25.104 56.072-56.072 56.072C25.104 56.072 0 30.968 0 0"
transform="translate(357.522 378.928)"
fill="#ff89c5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-12.644 10.25-22.894 22.894-22.894 12.645 0 22.895 10.25 22.895 22.894 0 12.644-10.25 22.894-22.895 22.894C10.25 22.894 0 12.644 0 0"
transform="translate(390.7 378.928)"
fill="#ececee"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-29.121c-5.463 0-9.891-4.428-9.891-9.891v-14.218c0-5.463 4.428-9.891 9.891-9.891H0c5.463 0 9.891 4.428 9.891 9.891v14.218C9.891-4.428 5.463 0 0 0"
transform="translate(191.577 319.5)"
fill="#ff89c5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-29.121c-5.463 0-9.891-4.428-9.891-9.891v-14.218c0-5.463 4.428-9.891 9.891-9.891H0c5.463 0 9.891 4.428 9.891 9.891v14.218C9.891-4.428 5.463 0 0 0"
transform="translate(270.56 319.5)"
fill="#ff89c5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-29.121c-5.463 0-9.891-4.428-9.891-9.891v-14.218c0-5.463 4.428-9.891 9.891-9.891H0c5.463 0 9.891 4.428 9.891 9.891v14.218C9.891-4.428 5.463 0 0 0"
transform="translate(349.545 319.5)"
fill="#ff89c5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-50.169c0-17.976 14.572-32.547 32.547-32.547h431.906c17.975 0 32.547 14.571 32.547 32.547V156"
transform="translate(7.5 127.122)"
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 0v121.925c0 17.975-14.572 32.547-32.547 32.547h-431.906c-17.975 0-32.547-14.572-32.547-32.547V-156"
transform="translate(504.5 313.122)"
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-9.526 0-17.249-7.722-17.249-17.249v-192.345h54.762V0Z"
transform="translate(81.584 254)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M173.858 254h-54.761V44.406h54.761zM228.619 254h-54.761V44.406h54.761zM283.38 254h-54.761V44.406h54.761zM338.141 254H283.38V44.406h54.761zM392.903 254h-54.761V44.406h54.761z"
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-37.513v-209.594h54.762v192.345C17.249-7.722 9.526 0 0 0Z"
transform="translate(430.415 254)"
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-125.878A7.122 7.122 0 0 1 7.122-133h19.561a7.123 7.123 0 0 1 7.123 7.122V0Z"
transform="translate(102.194 254)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-125.878A7.122 7.122 0 0 1 7.122-133h19.561a7.123 7.123 0 0 1 7.123 7.122V0Z"
transform="translate(156.955 254)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-125.878A7.122 7.122 0 0 1 7.122-133h19.561a7.123 7.123 0 0 1 7.123 7.122V0Z"
transform="translate(266.477 254)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-125.878A7.122 7.122 0 0 1 7.122-133h19.561a7.123 7.123 0 0 1 7.123 7.122V0Z"
transform="translate(321.238 254)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-125.878A7.122 7.122 0 0 1 7.122-133h19.561a7.123 7.123 0 0 1 7.123 7.122V0Z"
transform="translate(376 254)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-30.968-25.104-56.072-56.072-56.072-30.968 0-56.072 25.104-56.072 56.072 0 30.968 25.104 56.072 56.072 56.072C-25.104 56.072 0 30.968 0 0Z"
transform="translate(154.477 378.928)"
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-12.644-10.25-22.894-22.894-22.894-12.645 0-22.895 10.25-22.895 22.894 0 12.644 10.25 22.894 22.895 22.894C-10.25 22.894 0 12.644 0 0Z"
transform="translate(121.3 378.928)"
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-30.968 25.104-56.072 56.072-56.072 30.968 0 56.072 25.104 56.072 56.072 0 30.968-25.104 56.072-56.072 56.072C25.104 56.072 0 30.968 0 0Z"
transform="translate(357.522 378.928)"
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-12.644 10.25-22.894 22.894-22.894 12.645 0 22.895 10.25 22.895 22.894 0 12.644-10.25 22.894-22.895 22.894C10.25 22.894 0 12.644 0 0Z"
transform="translate(390.7 378.928)"
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-13.14"
transform="translate(183.398 424.352)"
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-13.14"
transform="translate(328.601 424.352)"
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-4.228-4.837-10.684-7.928-17.919-7.928-7.235 0-13.691 3.091-17.919 7.928"
transform="translate(273.919 412.126)"
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-29.121c-5.463 0-9.891-4.428-9.891-9.891v-14.218c0-5.463 4.428-9.891 9.891-9.891H0c5.463 0 9.891 4.428 9.891 9.891v14.218C9.891-4.428 5.463 0 0 0Z"
transform="translate(191.577 319.5)"
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-29.121c-5.463 0-9.891-4.428-9.891-9.891v-14.218c0-5.463 4.428-9.891 9.891-9.891H0c5.463 0 9.891 4.428 9.891 9.891v14.218C9.891-4.428 5.463 0 0 0Z"
transform="translate(270.56 319.5)"
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-29.121c-5.463 0-9.891-4.428-9.891-9.891v-14.218c0-5.463 4.428-9.891 9.891-9.891H0c5.463 0 9.891 4.428 9.891 9.891v14.218C9.891-4.428 5.463 0 0 0Z"
transform="translate(349.544 319.5)"
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