Add icons to this collection by clicking the heart icon.
Keyboard icon - also known as computer, electronic, keyboard, tool, keys, hardware, keyboards, computer hardware, and electric keyboard. Created in a clean outline color style with a gray, navy, 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="512"
height="512"
viewBox="0 0 512 512"
>
<path
fill="#22325d"
d="M88 232a8 8 0 0 1-8-8v-64.794C80 146.41 90.41 136 103.206 136h107.913c7.103 0 12.881-5.778 12.881-12.881v-14.237C224 101.778 218.222 96 211.119 96h-35.913C162.41 96 152 85.59 152 72.794V56a8 8 0 0 1 16 0v16.794A7.213 7.213 0 0 0 175.206 80h35.913C227.044 80 240 92.956 240 108.881v14.237C240 139.044 227.044 152 211.119 152H103.206A7.213 7.213 0 0 0 96 159.206V224a8 8 0 0 1-8 8z"
/>
<path
fill="#de6464"
d="M112 264H64v-35.918C64 221.409 69.409 216 76.082 216h23.835c6.673 0 12.082 5.409 12.082 12.082V264z"
/>
<path
fill="#5985f7"
d="M478 448H34c-5.523 0-10-4.477-10-10V266c0-5.523 4.477-10 10-10h444c5.523 0 10 4.477 10 10v172c0 5.523-4.477 10-10 10z"
/>
<path fill="#974444" d="M160 392h192v32H160z" />
<g fill="#f7d877">
<path
d="M104 392h32v32h-32zM272 336h32v32h-32zM216 336h32v32h-32zM328 336h32v32h-32zM272 280h32v32h-32zM328 280h32v32h-32zM384 280h32v32h-32zM192 368h-32v-32h32zM136 368h-32v-32h32zM216 280h32v32h-32zM192 312h-32v-32h32zM136 312h-32v-32h32zM80 368H48v-32h32zM80 312H48v-32h32zM48 392h32v32H48zM408 424h-32v-32h32zM464 424h-32v-32h32z"
/>
</g>
<path fill="#974444" d="M440 280v56h-56v32h80v-88z" />
<path
fill="#5985f7"
d="M408 84.2v80c0 19.36-8.59 36.71-22.17 48.45-11.22 9.69-25.84 15.55-41.83 15.55s-30.61-5.86-41.83-15.55C288.59 200.91 280 183.56 280 164.2v-80c0-10.63 7.24-19.9 17.55-22.48 12.64-3.16 25.52-5.01 38.45-5.55 2.66-.11 5.33-.17 8-.17s5.34.06 8 .17c12.93.54 25.81 2.39 38.45 5.55 5.15 1.29 9.54 4.25 12.64 8.22S408 78.88 408 84.2z"
/>
<path
fill="#9c4646"
d="M352 56.17V84.2c0 4.42-3.58 8-8 8s-8-3.58-8-8V56.17c2.66-.11 5.33-.17 8-.17s5.34.06 8 .17z"
/>
<path
fill="#203059"
d="M344 132.2c-8.837 0-16-7.163-16-16v-16c0-8.837 7.163-16 16-16s16 7.163 16 16v16c0 8.837-7.163 16-16 16z"
/>
<path
fill="#de6464"
d="M385.83 212.65c-11.22 9.69-25.84 15.55-41.83 15.55s-30.61-5.86-41.83-15.55c8.23-14.59 23.88-24.45 41.83-24.45 13.26 0 25.26 5.37 33.94 14.06 3.08 3.08 5.74 6.57 7.89 10.39z"
/>
<path
d="M478 248H120v-19.918C120 217.009 110.991 208 99.918 208H96v-48.794a7.213 7.213 0 0 1 7.206-7.206h107.913C227.044 152 240 139.044 240 123.119v-14.237C240 92.956 227.044 80 211.119 80h-35.913A7.213 7.213 0 0 1 168 72.794V56a8 8 0 0 0-16 0v16.794C152 85.59 162.41 96 175.206 96h35.913c7.103 0 12.881 5.778 12.881 12.881v14.237c0 7.103-5.778 12.881-12.881 12.881H103.206C90.41 136 80 146.41 80 159.206V208h-3.918C65.009 208 56 217.009 56 228.082V248H34c-9.925 0-18 8.075-18 18v172c0 9.925 8.075 18 18 18h444c9.925 0 18-8.075 18-18V266c0-9.925-8.075-18-18-18zM72 228.082A4.086 4.086 0 0 1 76.082 224h23.836a4.086 4.086 0 0 1 4.082 4.082V248H72zM480 438c0 1.103-.897 2-2 2H34c-1.103 0-2-.897-2-2V266c0-1.103.897-2 2-2h444c1.103 0 2 .897 2 2z"
/>
<path
d="M352 384H160a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h192a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-8 32H168v-16h176zM136 384h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-8 32h-16v-16h16zM272 376h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zM216 376h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zM368 336a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8zm-16 24h-16v-16h16zM272 320h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zM328 320h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zM384 320h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zM160 376h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zM136 328h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-8 32h-16v-16h16zM216 320h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zM160 320h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zM136 272h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-8 32h-16v-16h16zM80 328H48a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-8 32H56v-16h16zM80 272H48a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-8 32H56v-16h16zM80 384H48a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-8 32H56v-16h16zM408 384h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-8 32h-16v-16h16zM464 384h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-8 32h-16v-16h16z"
/>
<path
d="M464 272h-24a8 8 0 0 0-8 8v48h-48a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h80a8 8 0 0 0 8-8v-88a8 8 0 0 0-8-8zm-8 88h-64v-16h48a8 8 0 0 0 8-8v-48h8zM296.941 218.705C310.006 229.987 326.718 236.2 344 236.2s33.994-6.213 47.062-17.498A72.001 72.001 0 0 0 416 164.2v-80a31.322 31.322 0 0 0-6.604-19.183 31.329 31.329 0 0 0-17.007-11.059c-31.652-7.906-65.121-7.907-96.781.001A31.131 31.131 0 0 0 272 84.2v80a72.005 72.005 0 0 0 24.941 54.505zm16.135-7.816C320.603 201.708 331.92 196.2 344 196.2c10.691 0 20.735 4.16 28.282 11.716.941.941 1.815 1.94 2.654 2.964a56.031 56.031 0 0 1-30.937 9.32 56.03 56.03 0 0 1-30.923-9.311zM344 92.2c4.411 0 8 3.589 8 8v16c0 4.411-3.589 8-8 8s-8-3.589-8-8v-16c0-4.411 3.589-8 8-8zm-56-8a15.153 15.153 0 0 1 11.488-14.719A183.899 183.899 0 0 1 336 64.196v13.38c-9.311 3.302-16 12.195-16 22.624v16c0 13.234 10.767 24 24 24s24-10.766 24-24v-16c0-10.429-6.689-19.321-16-22.624v-13.38a183.942 183.942 0 0 1 36.506 5.284 15.245 15.245 0 0 1 8.278 5.383A15.04 15.04 0 0 1 400 84.2v80c0 13.277-4.703 26-13.12 36.022-1.046-1.245-2.126-2.463-3.28-3.616-10.567-10.58-24.631-16.406-39.6-16.406-16.684 0-32.352 7.478-42.889 20.011A55.986 55.986 0 0 1 288 164.2z"
/>
</svg>
More icons in the same style and category