Add icons to this collection by clicking the heart icon.
Keyboard icon - also known as technology, music, instrument, keyboard, piano, electronics, and music and multimedia. Created in a clean lineal color style with a white, silver, gray, 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-435.423c-17.004 0-30.789-13.784-30.789-30.788v-342.996c0-17.004 13.785-30.789 30.789-30.789h37.378l180.333 29.956 180.334-29.956H0c17.004 0 30.788 13.785 30.788 30.789v342.996C30.788-13.784 17.004 0 0 0"
transform="translate(473.712 458.286)"
fill="#6a647f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v342.996C0 360 13.784 373.784 30.788 373.784h-30C-16.216 373.784-30 360-30 342.996V0C-30-17.004-16.216-30.788.788-30.788h30C13.784-30.788 0-17.004 0 0"
transform="translate(37.5 84.502)"
fill="#4f4c5f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-51.524l-25.762-114.696 25.762-114.696H0l25.762 114.696z"
transform="translate(178.714 283.106)"
fill="#d2d1d7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-51.524l-25.762-114.696 25.762-114.696H0l25.762 114.696z"
transform="translate(281.762 283.106)"
fill="#d2d1d7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-51.524l-25.762-114.696 25.762-114.696H0l25.762 114.696z"
transform="translate(384.81 283.106)"
fill="#d2d1d7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.213 0-14.871-6.658-14.871-14.871v-214.521h51.524V0Z"
transform="translate(90.538 283.106)"
fill="#e8e8e8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M230.238 283.106h-51.524V53.714h51.524zM333.286 283.106h-51.524V53.714h51.524z"
fill="#e8e8e8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-36.653v-229.392h51.524v214.521C14.871-6.658 8.213 0 0 0"
transform="translate(421.462 283.106)"
fill="#e8e8e8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-127.312a8.124 8.124 0 0 1 8.124-8.124h17.371a8.124 8.124 0 0 1 8.124 8.124V0Z"
transform="translate(110.381 283.106)"
fill="#4f4c5f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-127.312a8.124 8.124 0 0 1 8.124-8.124h17.371a8.124 8.124 0 0 1 8.124 8.124V0Z"
transform="translate(161.905 283.106)"
fill="#4f4c5f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-127.312a8.124 8.124 0 0 1 8.124-8.124h17.371a8.124 8.124 0 0 1 8.124 8.124V0Z"
transform="translate(264.952 283.106)"
fill="#4f4c5f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-127.312a8.124 8.124 0 0 1 8.124-8.124h17.371a8.124 8.124 0 0 1 8.124 8.124V0Z"
transform="translate(316.476 283.106)"
fill="#4f4c5f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-127.312a8.124 8.124 0 0 1 8.124-8.124h17.371a8.124 8.124 0 0 1 8.124 8.124V0Z"
transform="translate(368 283.106)"
fill="#4f4c5f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-18.701-15.16-33.862-33.862-33.862-18.701 0-33.862 15.161-33.862 33.862s15.161 33.862 33.862 33.862C-15.16 33.862 0 18.701 0 0"
transform="translate(120.785 371.03)"
fill="#ff9db0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-18.701 0-33.862 15.161-33.862 33.862 0 9.171 3.652 17.484 9.573 23.582-16.675-2.11-29.573-16.335-29.573-33.582C-53.862 5.161-38.701-10-20-10-10.469-10-1.864-6.057 4.289.28A34.102 34.102 0 0 0 0 0"
transform="translate(106.924 347.168)"
fill="#fd5f7e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-18.701 15.16-33.862 33.862-33.862 18.701 0 33.862 15.161 33.862 33.862S52.563 33.862 33.862 33.862C15.16 33.862 0 18.701 0 0"
transform="translate(391.215 371.03)"
fill="#ff9db0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-18.701 0-33.862 15.161-33.862 33.862 0 9.171 3.652 17.484 9.573 23.582-16.675-2.11-29.573-16.335-29.573-33.582C-53.862 5.161-38.701-10-20-10-10.469-10-1.864-6.057 4.289.28A34.102 34.102 0 0 0 0 0"
transform="translate(445.077 347.168)"
fill="#fd5f7e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-15.054"
transform="translate(172.823 382.574)"
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-15.054"
transform="translate(339.177 382.574)"
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.844-5.541-12.241-9.083-20.529-9.083-8.289 0-15.686 3.542-20.529 9.083"
transform="translate(276.53 368.568)"
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-8.213 0-14.871-6.658-14.871-14.871v-214.521h51.524V0Z"
transform="translate(90.538 283.106)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M178.714 283.106H127.19V53.714h51.524zM230.238 283.106h-51.524V53.714h51.524zM281.762 283.106h-51.524V53.714h51.524zM333.286 283.106h-51.524V53.714h51.524zM384.81 283.106h-51.524V53.714h51.524z"
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-36.653v-229.392h51.524v214.521C14.871-6.658 8.213 0 0 0Z"
transform="translate(421.462 283.106)"
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-127.312a8.124 8.124 0 0 1 8.124-8.124h17.371a8.124 8.124 0 0 1 8.124 8.124V0Z"
transform="translate(110.381 283.106)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-127.312a8.124 8.124 0 0 1 8.124-8.124h17.371a8.124 8.124 0 0 1 8.124 8.124V0Z"
transform="translate(161.905 283.106)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-127.312a8.124 8.124 0 0 1 8.124-8.124h17.371a8.124 8.124 0 0 1 8.124 8.124V0Z"
transform="translate(264.952 283.106)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-127.312a8.124 8.124 0 0 1 8.124-8.124h17.371a8.124 8.124 0 0 1 8.124 8.124V0Z"
transform="translate(316.476 283.106)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-127.312a8.124 8.124 0 0 1 8.124-8.124h17.371a8.124 8.124 0 0 1 8.124 8.124V0Z"
transform="translate(368 283.106)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v94.423c0 17.004-13.784 30.788-30.788 30.788h-435.423c-17.004 0-30.789-13.784-30.789-30.788v-266.914"
transform="translate(504.5 333.075)"
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-46.082C0-63.085 13.785-76.87 30.789-76.87h435.423C483.216-76.87 497-63.085 497-46.082v218.573"
transform="translate(7.5 130.584)"
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-18.701-15.16-33.862-33.862-33.862-18.701 0-33.862 15.161-33.862 33.862s15.161 33.862 33.862 33.862C-15.16 33.862 0 18.701 0 0Z"
transform="translate(120.786 371.03)"
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-18.701 15.16-33.862 33.862-33.862 18.701 0 33.862 15.161 33.862 33.862S52.563 33.862 33.862 33.862C15.16 33.862 0 18.701 0 0Z"
transform="translate(391.215 371.03)"
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