Keyboard icon

emojione-monotone:keyboard

The Keyboard icon (emojione-monotone:keyboard) is a free SVG icon from the Emoji One (Monotone) set by Emoji One. It is drawn on a 64 × 64 grid. Emoji One (Monotone) icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Emoji One (Monotone)
Author: Emoji One
License: CC-BY-4.0
Size: 64 × 64
Category: Objects

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M59.188 32H33.001c0-15.518-6.611-15.518-13.003-15.518c-6.147 0-11.958 0-11.958-14.482H7c0 15.518 6.611 15.518 12.998 15.518c6.152 0 11.963 0 11.963 14.482H4.813C3.26 32 2 33.348 2 34.998v24.004C2 60.662 3.26 62 4.813 62h54.375C60.74 62 62 60.662 62 59.002V34.998C62 33.348 60.74 32 59.188 32m-4.112 2.002h1.846c1.436 0 1.436 2.002 0 2.002h-1.846c-1.435 0-1.435-2.002 0-2.002m-5.996 0h1.846c1.436 0 1.436 2.002 0 2.002H49.08c-1.435 0-1.435-2.002 0-2.002M52 44.998V47c0 .557-.449 1.006-.996 1.006h-2.002A1.004 1.004 0 0 1 47.996 47v-2.002c0-.547.449-.996 1.006-.996h2.002a1 1 0 0 1 .996.996m-5.996-5.996c0-.557.449-.996.996-.996h2.002c.547 0 .996.439.996.996v2.002a1 1 0 0 1-.996.996H47a1 1 0 0 1-.996-.996zm-2.93-5h1.846c1.436 0 1.436 2.002 0 2.002h-1.846c-1.435 0-1.435-2.002 0-2.002m2.93 10.996V47c0 .557-.449 1.006-1.006 1.006h-2.002c-.547 0-.996-.449-.996-1.006v-2.002a1 1 0 0 1 .996-.996h2.002c.557 0 1.006.449 1.006.996m-5.005-6.992h1.997a.996.996 0 0 1 1.006.996v2.002c0 .547-.449.996-1.006.996h-1.997a1 1 0 0 1-1.001-.996v-2.002a.995.995 0 0 1 1.001-.996m-2.998 12.998c0-.557.449-1.006 1.001-1.006h1.997c.552 0 1.001.449 1.001 1.006v2.002c0 .547-.449.996-1.001.996h-1.997a1 1 0 0 1-1.001-.996zM37 48.006A1.003 1.003 0 0 1 35.999 47v-2.002c0-.547.449-.996 1.001-.996h2.002a1 1 0 0 1 .996.996V47c0 .557-.449 1.006-.996 1.006zm.078-14.004h1.846c1.436 0 1.436 2.002 0 2.002h-1.846c-1.435 0-1.435-2.002 0-2.002m-3.076 5c0-.557.449-.996.996-.996H37a.995.995 0 0 1 1.001.996v2.002c0 .547-.449.996-1.001.996h-2.002a1 1 0 0 1-.996-.996zm1.997 12.002v2.002c0 .547-.449.996-1.001.996h-1.997A1 1 0 0 1 32 53.006v-2.002c0-.557.449-1.006 1.001-1.006h1.997c.552 0 1.001.449 1.001 1.006M34.002 47c0 .557-.449 1.006-1.001 1.006h-2.002A1.003 1.003 0 0 1 29.998 47v-2.002c0-.547.449-.996 1.001-.996h2.002c.552 0 1.001.449 1.001.996zm-2.925-12.998h1.846c1.436 0 1.436 2.002 0 2.002h-1.846c-1.435 0-1.435-2.002 0-2.002m-3.076 5a.995.995 0 0 1 1.001-.996h1.997a.995.995 0 0 1 1.001.996v2.002c0 .547-.449.996-1.001.996h-1.997a1 1 0 0 1-1.001-.996zm1.997 12.002v2.002a1 1 0 0 1-.996.996H27a1 1 0 0 1-1.001-.996v-2.002c0-.557.449-1.006 1.001-1.006h2.002c.547 0 .996.449.996 1.006M28.001 47c0 .557-.449 1.006-1.001 1.006h-2.002c-.547 0-.996-.449-.996-1.006v-2.002a1 1 0 0 1 .996-.996H27c.552 0 1.001.449 1.001.996zm-2.925-12.998h1.846c1.436 0 1.436 2.002 0 2.002h-1.846c-1.435 0-1.435-2.002 0-2.002m-3.076 5a.995.995 0 0 1 1.001-.996h1.997a.995.995 0 0 1 1.001.996v2.002c0 .547-.449.996-1.001.996h-1.997A1 1 0 0 1 22 41.004zm-2.925-5h1.851c1.431 0 1.431 2.002 0 2.002h-1.851c-1.435 0-1.435-2.002 0-2.002M22 44.998V47c0 .557-.449 1.006-1.001 1.006h-1.997A1.003 1.003 0 0 1 18.001 47v-2.002c0-.547.449-.996 1.001-.996h1.997c.552 0 1.001.449 1.001.996m-5-6.992h2.002a.99.99 0 0 1 .996.996v2.002a.997.997 0 0 1-.996.996H17a1 1 0 0 1-1.001-.996v-2.002A.995.995 0 0 1 17 38.006m-3.926-4.004h1.851c1.436 0 1.436 2.002 0 2.002h-1.851c-1.43 0-1.43-2.002 0-2.002m2.925 10.996V47c0 .557-.449 1.006-1.001 1.006h-1.997A1.003 1.003 0 0 1 12 47v-2.002c0-.547.449-.996 1.001-.996h1.997c.552 0 1.001.449 1.001.996m-5-6.992h2.002a.995.995 0 0 1 1.001.996v2.002c0 .547-.449.996-1.001.996h-2.002a1 1 0 0 1-1.001-.996v-2.002a.995.995 0 0 1 1.001-.996m-3.921-4.004h1.846c1.436 0 1.436 2.002 0 2.002H7.078c-1.435 0-1.435-2.002 0-2.002m-3.076 5a.99.99 0 0 1 .996-.996H7a.995.995 0 0 1 1.001.996v2.002c0 .547-.449.996-1.001.996H4.998a.997.997 0 0 1-.996-.996zm0 5.996c0-.547.41-.996.923-.996h4.15c.513 0 .923.449.923.996V47c0 .557-.41 1.006-.923 1.006h-4.15c-.513 0-.923-.449-.923-1.006zm5.996 14.004c0 .547-.41.996-.923.996h-4.15c-.513 0-.923-.449-.923-.996V57c0-.547.41-.996.923-.996h4.15c.513 0 .923.449.923.996zm1.113-5h-6.22c-.493 0-.889-.449-.889-.996v-2.002c0-.557.396-1.006.889-1.006h6.221c.488 0 .889.449.889 1.006v2.002c-.001.547-.401.996-.89.996m4.888 5c0 .547-.449.996-1.001.996h-1.997A1 1 0 0 1 12 59.002V57a.995.995 0 0 1 1.001-.996h1.997a.995.995 0 0 1 1.001.996zm1.001-5h-2.002a1 1 0 0 1-.996-.996v-2.002c0-.557.449-1.006.996-1.006H17c.552 0 1.001.449 1.001 1.006v2.002c0 .547-.449.996-1.001.996m5 5c0 .547-.449.996-1.001.996h-1.997a1 1 0 0 1-1.001-.996V57a.995.995 0 0 1 1.001-.996h1.997A.995.995 0 0 1 22 57zm1.001-5h-2.002a1 1 0 0 1-1.001-.996v-2.002c0-.557.449-1.006 1.001-1.006h2.002c.552 0 1.001.449 1.001 1.006v2.002c0 .547-.449.996-1.001.996m21.001 5c0 .547-.371.996-.84.996h-18.33c-.459 0-.83-.449-.83-.996V57c0-.547.371-.996.83-.996h18.33c.469 0 .84.449.84.996zm0-5.996v-2.002c0-.557.449-1.006.996-1.006H47c.547 0 .996.449.996 1.006v2.002a1 1 0 0 1-.996.996h-2.002a1 1 0 0 1-.996-.996m5.996 5.996a1 1 0 0 1-.996.996H47a1 1 0 0 1-.996-.996V57c0-.557.449-.996.996-.996h2.002c.547 0 .996.439.996.996zm10 0c0 .547-.4.996-.889.996h-6.221c-.488 0-.888-.449-.888-.996V57c0-.557.4-.996.889-.996h6.221c.488 0 .889.439.889.996v2.002zm0-5.996c0 .547-.361.996-.82.996h-8.359c-.449 0-.82-.449-.82-.996v-2.002c0-.557.371-1.006.82-1.006h8.359c.459 0 .82.449.82 1.006zm0-6.006c0 .557-.41 1.006-.918 1.006h-4.16c-.508 0-.918-.449-.918-1.006v-2.002c0-.547.41-.996.918-.996h4.16c.508 0 .918.449.918.996zm0-5.996c0 .547-.4.996-.889.996h-6.221c-.488 0-.888-.449-.888-.996v-2.002c0-.557.4-.996.889-.996h6.221c.488 0 .889.439.889.996v2.002z"/></svg>

How to use the Keyboard icon

React

import { Icon } from "@iconify/react";

<Icon icon="emojione-monotone:keyboard" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="emojione-monotone:keyboard" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="emojione-monotone:keyboard" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--keyboard]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:keyboard"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="emojione-monotone:keyboard"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/emojione-monotone/keyboard.svg" alt="Keyboard icon" width="24" height="24">

Keyboard icon in other icon sets

Keyboard icon FAQ

Is the Keyboard icon free for commercial use?

Yes. Emoji One (Monotone) icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Keyboard icon in React?

Install @iconify/react and render <Icon icon="emojione-monotone:keyboard" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Keyboard icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/emojione-monotone/keyboard.svg" alt="Keyboard icon">, or paste the SVG code inline to style it with CSS.

Browse all Emoji One (Monotone) icons →