Add icons to this collection by clicking the heart icon.
Keyboard icon - also known as computer, electronic, keyboard, tools, tool, keys, smart key, hardware, keyboards, computer hardware, and electric keyboard. Created in a clean gradient style, 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 512 512"
>
<linearGradient
id="a"
x1="736.581"
x2="986.581"
y1="-12115.053"
y2="-12219.053"
gradientTransform="matrix(1 0 0 -1 -561.6 -11906.989)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c6d3fc" />
<stop offset=".593" stop-color="#e6d8f3" />
<stop offset=".997" stop-color="#fddaec" />
</linearGradient>
<linearGradient
id="b"
x1="255.295"
x2="255.295"
y1="249"
y2="444"
gradientUnits="userSpaceOnUse"
>
<stop offset=".003" stop-color="#fc80b7" stop-opacity="0" />
<stop offset="1" stop-color="#fc80b7" stop-opacity=".6" />
</linearGradient>
<path
fill="url(#a)"
d="M342.902.425c-95.818 8.652-105.091 192.429-146.416 286.587-20.478 46.658-68.772 94.794-60.258 149.782 9.605 62.035 72.897 80.075 121.683 74.14 120.723-14.685 172.899-141.053 180.797-260.801 4.869-73.829 20.3-260.192-95.806-249.708z"
/>
<path
fill="#6785f9"
d="M474.795 269v155c0 11.046-8.954 20-20 20h-399c-11.046 0-20-8.954-20-20V269c0-11.046 8.954-20 20-20h399c11.046 0 20 8.954 20 20z"
/>
<path
fill="#9fb1fa"
d="M113.866 280H67.348c-2.403 0-4.612-1.609-5.084-3.965A5.006 5.006 0 0 1 67.16 270h46.518c2.403 0 4.612 1.609 5.085 3.965a5.006 5.006 0 0 1-4.897 6.035z"
/>
<path
fill="#466ef8"
d="m294.985 249-30.6 58.24c-3.74 7.13-13.96 7.13-17.7 0l-30.6-58.24z"
/>
<path fill="#9fb1fa" d="M77.795 309h356v134h-356z" />
<g fill="#d1defd">
<path
d="M87.247 324H67.271a4.476 4.476 0 0 1-4.476-4.476v-20.048A4.476 4.476 0 0 1 67.271 295h20.048a4.476 4.476 0 0 1 4.476 4.476v19.976A4.546 4.546 0 0 1 87.247 324zM132.319 324h-20.048a4.476 4.476 0 0 1-4.476-4.476v-20.048a4.476 4.476 0 0 1 4.476-4.476h20.048a4.476 4.476 0 0 1 4.476 4.476v20.048a4.476 4.476 0 0 1-4.476 4.476zM176.319 324h-20.048a4.476 4.476 0 0 1-4.476-4.476v-20.048a4.476 4.476 0 0 1 4.476-4.476h20.048a4.476 4.476 0 0 1 4.476 4.476v20.048a4.476 4.476 0 0 1-4.476 4.476zM221.319 324h-20.048a4.476 4.476 0 0 1-4.476-4.476v-20.048a4.476 4.476 0 0 1 4.476-4.476h20.048a4.476 4.476 0 0 1 4.476 4.476v20.048a4.476 4.476 0 0 1-4.476 4.476zM265.319 324h-20.048a4.476 4.476 0 0 1-4.476-4.476v-20.048a4.476 4.476 0 0 1 4.476-4.476h20.048a4.476 4.476 0 0 1 4.476 4.476v20.048a4.476 4.476 0 0 1-4.476 4.476z"
/>
</g>
<path
fill="#b7c5fc"
d="m269.415 297.65-5.03 9.58c-3.74 7.13-13.96 7.13-17.7 0l-5.03-9.58a4.465 4.465 0 0 1 4.09-2.65h19.58c1.83 0 3.4 1.091 4.09 2.65z"
/>
<g fill="#d1defd">
<path
d="M310.319 324h-20.048a4.476 4.476 0 0 1-4.476-4.476v-20.048a4.476 4.476 0 0 1 4.476-4.476h20.048a4.476 4.476 0 0 1 4.476 4.476v20.048a4.476 4.476 0 0 1-4.476 4.476zM354.319 324h-20.048a4.476 4.476 0 0 1-4.476-4.476v-20.048a4.476 4.476 0 0 1 4.476-4.476h20.048a4.476 4.476 0 0 1 4.476 4.476v20.048a4.476 4.476 0 0 1-4.476 4.476zM399.247 324h-19.976a4.476 4.476 0 0 1-4.476-4.476v-20.048a4.476 4.476 0 0 1 4.476-4.476h20.048a4.476 4.476 0 0 1 4.476 4.476v19.976a4.546 4.546 0 0 1-4.548 4.548zM443.319 324h-20.048a4.476 4.476 0 0 1-4.476-4.476v-20.048a4.476 4.476 0 0 1 4.476-4.476h20.048a4.476 4.476 0 0 1 4.476 4.476v20.048a4.476 4.476 0 0 1-4.476 4.476zM87.247 368H67.271a4.476 4.476 0 0 1-4.476-4.476v-20.048A4.476 4.476 0 0 1 67.271 339h20.048a4.476 4.476 0 0 1 4.476 4.476v19.976A4.547 4.547 0 0 1 87.247 368zM132.319 368h-20.048a4.476 4.476 0 0 1-4.476-4.476v-20.048a4.476 4.476 0 0 1 4.476-4.476h20.048a4.476 4.476 0 0 1 4.476 4.476v20.048a4.476 4.476 0 0 1-4.476 4.476zM176.319 368h-20.048a4.476 4.476 0 0 1-4.476-4.476v-20.048a4.476 4.476 0 0 1 4.476-4.476h20.048a4.476 4.476 0 0 1 4.476 4.476v20.048a4.476 4.476 0 0 1-4.476 4.476zM221.319 368h-20.048a4.476 4.476 0 0 1-4.476-4.476v-20.048a4.476 4.476 0 0 1 4.476-4.476h20.048a4.476 4.476 0 0 1 4.476 4.476v20.048a4.476 4.476 0 0 1-4.476 4.476zM265.319 368h-20.048a4.476 4.476 0 0 1-4.476-4.476v-20.048a4.476 4.476 0 0 1 4.476-4.476h20.048a4.476 4.476 0 0 1 4.476 4.476v20.048a4.476 4.476 0 0 1-4.476 4.476zM310.319 368h-20.048a4.476 4.476 0 0 1-4.476-4.476v-20.048a4.476 4.476 0 0 1 4.476-4.476h20.048a4.476 4.476 0 0 1 4.476 4.476v20.048a4.476 4.476 0 0 1-4.476 4.476zM354.319 368h-20.048a4.476 4.476 0 0 1-4.476-4.476v-20.048a4.476 4.476 0 0 1 4.476-4.476h20.048a4.476 4.476 0 0 1 4.476 4.476v20.048a4.476 4.476 0 0 1-4.476 4.476zM399.247 368h-19.976a4.476 4.476 0 0 1-4.476-4.476v-20.048a4.476 4.476 0 0 1 4.476-4.476h20.048a4.476 4.476 0 0 1 4.476 4.476v19.976a4.547 4.547 0 0 1-4.548 4.548zM87.247 412H67.271a4.476 4.476 0 0 1-4.476-4.476v-20.048A4.476 4.476 0 0 1 67.271 383h20.048a4.476 4.476 0 0 1 4.476 4.476v19.976A4.546 4.546 0 0 1 87.247 412zM132.319 412h-20.048a4.476 4.476 0 0 1-4.476-4.476v-20.048a4.476 4.476 0 0 1 4.476-4.476h20.048a4.476 4.476 0 0 1 4.476 4.476v20.048a4.476 4.476 0 0 1-4.476 4.476zM176.319 412h-20.048a4.476 4.476 0 0 1-4.476-4.476v-20.048a4.476 4.476 0 0 1 4.476-4.476h20.048a4.476 4.476 0 0 1 4.476 4.476v20.048a4.476 4.476 0 0 1-4.476 4.476zM309.338 383H201.271a4.476 4.476 0 0 0-4.476 4.476v20.048a4.476 4.476 0 0 0 4.476 4.476h108.048a4.476 4.476 0 0 0 4.476-4.476v-19.976c.001-2.512-1.995-4.548-4.457-4.548zM354.319 412h-20.048a4.476 4.476 0 0 1-4.476-4.476v-20.048a4.476 4.476 0 0 1 4.476-4.476h20.048a4.476 4.476 0 0 1 4.476 4.476v20.048a4.476 4.476 0 0 1-4.476 4.476zM399.247 412h-19.976a4.476 4.476 0 0 1-4.476-4.476v-20.048a4.476 4.476 0 0 1 4.476-4.476h20.048a4.476 4.476 0 0 1 4.476 4.476v19.976a4.546 4.546 0 0 1-4.548 4.548zM443.319 339h-20.048a4.476 4.476 0 0 0-4.476 4.476v64.048a4.476 4.476 0 0 0 4.476 4.476h20.048a4.476 4.476 0 0 0 4.476-4.476v-64.048a4.476 4.476 0 0 0-4.476-4.476z"
/>
</g>
<circle cx="441.138" cy="275.967" r="5.59" fill="#9afdd2" />
<circle cx="424.227" cy="275.967" r="5.59" fill="#9afdd2" />
<circle cx="407.317" cy="275.967" r="5.59" fill="#9afdd2" />
<path
fill="#9afdd2"
d="M423.795 128v83c0 5.523-4.477 10-10 10H301.044l-36.908 70.594c-3.736 7.158-13.944 7.158-17.68 0L209.547 221H96.795c-5.523 0-10-4.477-10-10v-83c0-5.523 4.477-10 10-10h317c5.523 0 10 4.477 10 10z"
/>
<path
fill="#2bfcb4"
d="M400.255 134.83c-1.56 24.34-21 44.23-45.3 46.29-11.79 1-22.81-2.12-31.78-8.07l-15.87 6.99c-3.28 1.44-6.62-1.9-5.17-5.18l6.98-15.86c-5.95-8.98-9.07-20-8.07-31.78.27-3.17.84-6.25 1.68-9.22h95.77a49.852 49.852 0 0 1 1.76 16.83z"
/>
<path
fill="#fff"
d="M382.166 150H129.094c-2.403 0-4.612-1.609-5.084-3.965a5.006 5.006 0 0 1 4.896-6.035h253.072c2.403 0 4.612 1.609 5.085 3.965a5.006 5.006 0 0 1-4.897 6.035zM381.978 173h-252.89c-2.402 0-4.603-1.607-5.078-3.962a5.007 5.007 0 0 1 4.895-6.038h253.26c1.93 0 3.6 1.09 4.43 2.69.481.896.674 1.961.515 3.064-.357 2.484-2.622 4.246-5.132 4.246z"
/>
<path
fill="#dcfced"
d="M386.595 165.69a50.605 50.605 0 0 1-8.74 7.31h-54.51l-.17-.11-.25.11h-20.04l4.4-10h74.88a4.985 4.985 0 0 1 4.43 2.69z"
/>
<path
fill="#fff"
d="M382.166 196H129.094c-2.403 0-4.612-1.609-5.084-3.965a5.006 5.006 0 0 1 4.896-6.035h253.072c2.403 0 4.612 1.609 5.085 3.965a5.006 5.006 0 0 1-4.897 6.035zM277.166 227h-43.073c-2.403 0-4.612-1.609-5.084-3.965a5.006 5.006 0 0 1 4.896-6.035h43.072c2.403 0 4.612 1.609 5.085 3.965a5.005 5.005 0 0 1-4.896 6.035z"
/>
<path
fill="#fca8ce"
d="M400.258 121.128c1.925-30.06-22.862-54.848-52.922-52.922-24.34 1.559-44.226 21.004-46.29 45.306-1.001 11.788 2.122 22.803 8.072 31.781l-6.986 15.866c-1.443 3.277 1.896 6.615 5.173 5.173l15.866-6.986c8.978 5.95 19.993 9.073 31.781 8.072 24.302-2.064 43.747-21.95 45.306-46.29z"
/>
<circle cx="331.593" cy="117.267" r="5.59" fill="#fff" />
<path
fill="#fff"
d="M351.503 111.677a5.59 5.59 0 1 1 0 11.18 5.59 5.59 0 0 1 0-11.18zM371.413 111.677a5.59 5.59 0 1 1 0 11.18 5.59 5.59 0 0 1 0-11.18z"
/>
<path
fill="url(#b)"
d="M474.795 269v155c0 11.046-8.954 20-20 20h-399c-11.046 0-20-8.954-20-20V269c0-11.046 8.954-20 20-20h399c11.046 0 20 8.954 20 20z"
/>
<path
fill="#27eaa6"
d="M54.712 123.931c-3.74 0-7.479-1.423-10.326-4.27-5.693-5.693-5.694-14.958-.001-20.652 5.695-5.694 14.959-5.692 20.652 0 5.693 5.694 5.693 14.959 0 20.651a14.555 14.555 0 0 1-10.325 4.271zm0-19.198a4.588 4.588 0 0 0-3.255 1.347 4.61 4.61 0 0 0 0 6.51 4.61 4.61 0 0 0 6.509 0 4.61 4.61 0 0 0 0-6.511 4.587 4.587 0 0 0-3.254-1.346zM461.609 221.425a14.56 14.56 0 0 1-10.326-4.271c-2.758-2.758-4.277-6.425-4.277-10.325s1.519-7.567 4.278-10.326c5.693-5.692 14.957-5.693 20.651.001 5.693 5.693 5.693 14.957 0 20.65a14.56 14.56 0 0 1-10.326 4.271zm0-19.196a4.587 4.587 0 0 0-3.254 1.346c-.87.87-1.349 2.025-1.349 3.255s.479 2.385 1.348 3.254a4.609 4.609 0 0 0 6.509.001 4.61 4.61 0 0 0 0-6.51 4.589 4.589 0 0 0-3.254-1.346z"
/>
<path
fill="#fc80b7"
d="M105.857 86h-3.062v-3.062c0-2.403-1.609-4.612-3.965-5.084a5.006 5.006 0 0 0-6.035 4.896V86h-3.062c-2.404 0-4.613 1.61-5.085 3.968A5.006 5.006 0 0 0 89.545 96h3.25v3.062c0 2.403 1.609 4.612 3.965 5.084a5.006 5.006 0 0 0 6.035-4.896V96h3.25a5.006 5.006 0 0 0 4.897-6.032c-.471-2.358-2.681-3.968-5.085-3.968zM229.857 466h-3.062v-3.062c0-2.403-1.609-4.612-3.965-5.084a5.006 5.006 0 0 0-6.035 4.896V466h-3.062c-2.404 0-4.613 1.61-5.085 3.968a5.006 5.006 0 0 0 4.897 6.032h3.25v3.062c0 2.403 1.609 4.612 3.965 5.084a5.006 5.006 0 0 0 6.035-4.896V476h3.25a5.006 5.006 0 0 0 4.897-6.032c-.471-2.358-2.681-3.968-5.085-3.968zM299.857 58h-3.062v-3.062c0-2.403-1.609-4.612-3.965-5.084a5.006 5.006 0 0 0-6.035 4.896V58h-3.062c-2.404 0-4.614 1.611-5.085 3.968A5.006 5.006 0 0 0 283.545 68h3.25v3.062c0 2.403 1.609 4.612 3.965 5.084a5.006 5.006 0 0 0 6.035-4.896V68h3.25a5.006 5.006 0 0 0 4.897-6.032c-.471-2.358-2.681-3.968-5.085-3.968z"
/>
</svg>
More icons in the same style and category