keyboard emoji

keyboard from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.

Name
keyboard
Set
Twitter Emoji
Style
Default
Category
Objects
Viewbox
36×36
License
CC BY 4.0

The same emoji in other sets

keyboardBootstrap IconskeyboardBoxIcons v2 SolidkeyboardCarbonkeyboardEmoji One (Colored)keyboardFramework7 IconskeyboardFont Awesome 6 RegularkeyboardFont Awesome 6 SolidkeyboardFont Awesome RegularkeyboardFont Awesome Solidkeyboard-outlineFlowbite Iconskeyboard-16-filledFluent UI System IconskeyboardFluent EmojikeyboardFluent Emoji FlatkeyboardFluent Emoji High ContrastkeyboardFirefox OS Emojikeyboardcss.ggkeyboardHuge IconskeyboardIconParkkeyboardIconPark OutlinekeyboardIconPark SolidkeyboardIconPark TwoTonekeyboardJam IconskeyboardLine AwesomekeyboardLucide

More objects icons from Twitter Emoji

abacusaccordionadhesive-bandagealembicaxebackpackbalance-scaleballet-shoesballot-box-with-ballotbanjobar-chartbasketbathtubbatterybedbellbell-with-slashbikinibilled-capblack-nibblue-bookbombbookmarkbookmark-tabs

Use the keyboard emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#99aab5" d="M36 28a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V12a2 2 0 0 1 2-2h32a2 2 0 0 1 2 2z"/><path fill="#292f33" d="M5.5 19a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm-26 4a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zM10 27a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1zm20 0a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1zm-5 0a1 1 0 0 1-1 1H12a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1zM5.5 13.083a1 1 0 0 1-1 1h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 1 1m4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 1 1m4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 1 1m4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 1 1m4 0a1 1 0 0 1-1 1h-1a1 1 0 1 1 0-2h1a1 1 0 0 1 1 1m4 0a1 1 0 0 1-1 1h-1a1 1 0 1 1 0-2h1a1 1 0 0 1 1 1m4 0a1 1 0 0 1-1 1h-1a1 1 0 1 1 0-2h1a1 1 0 0 1 1 1m4 0a1 1 0 0 1-1 1h-1a1 1 0 1 1 0-2h1a1 1 0 0 1 1 1"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiKeyboard(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#99aab5" d="M36 28a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V12a2 2 0 0 1 2-2h32a2 2 0 0 1 2 2z"/><path fill="#292f33" d="M5.5 19a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm-26 4a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zM10 27a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1zm20 0a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1zm-5 0a1 1 0 0 1-1 1H12a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1zM5.5 13.083a1 1 0 0 1-1 1h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 1 1m4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 1 1m4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 1 1m4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 1 1m4 0a1 1 0 0 1-1 1h-1a1 1 0 1 1 0-2h1a1 1 0 0 1 1 1m4 0a1 1 0 0 1-1 1h-1a1 1 0 1 1 0-2h1a1 1 0 0 1 1 1m4 0a1 1 0 0 1-1 1h-1a1 1 0 1 1 0-2h1a1 1 0 0 1 1 1m4 0a1 1 0 0 1-1 1h-1a1 1 0 1 1 0-2h1a1 1 0 0 1 1 1"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#99aab5" d="M36 28a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V12a2 2 0 0 1 2-2h32a2 2 0 0 1 2 2z"/><path fill="#292f33" d="M5.5 19a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm-26 4a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zm4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1zM10 27a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1zm20 0a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1zm-5 0a1 1 0 0 1-1 1H12a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1zM5.5 13.083a1 1 0 0 1-1 1h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 1 1m4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 1 1m4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 1 1m4 0a1 1 0 0 1-1 1h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 1 1m4 0a1 1 0 0 1-1 1h-1a1 1 0 1 1 0-2h1a1 1 0 0 1 1 1m4 0a1 1 0 0 1-1 1h-1a1 1 0 1 1 0-2h1a1 1 0 0 1 1 1m4 0a1 1 0 0 1-1 1h-1a1 1 0 1 1 0-2h1a1 1 0 0 1 1 1m4 0a1 1 0 0 1-1 1h-1a1 1 0 1 1 0-2h1a1 1 0 0 1 1 1"/></svg>
</template>

CSS

.icon-keyboard {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M36%2028a2%202%200%200%201-2%202H2a2%202%200%200%201-2-2V12a2%202%200%200%201%202-2h32a2%202%200%200%201%202%202z%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M5.5%2019a1%201%200%200%201-1%201h-1a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h1a1%201%200%200%201%201%201zm4%200a1%201%200%200%201-1%201h-1a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h1a1%201%200%200%201%201%201zm4%200a1%201%200%200%201-1%201h-1a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h1a1%201%200%200%201%201%201zm4%200a1%201%200%200%201-1%201h-1a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h1a1%201%200%200%201%201%201zm4%200a1%201%200%200%201-1%201h-1a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h1a1%201%200%200%201%201%201zm4%200a1%201%200%200%201-1%201h-1a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h1a1%201%200%200%201%201%201zm4%200a1%201%200%200%201-1%201h-1a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h1a1%201%200%200%201%201%201zm4%200a1%201%200%200%201-1%201h-1a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h1a1%201%200%200%201%201%201zm-26%204a1%201%200%200%201-1%201h-1a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h1a1%201%200%200%201%201%201zm4%200a1%201%200%200%201-1%201h-1a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h1a1%201%200%200%201%201%201zm4%200a1%201%200%200%201-1%201h-1a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h1a1%201%200%200%201%201%201zm4%200a1%201%200%200%201-1%201h-1a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h1a1%201%200%200%201%201%201zm4%200a1%201%200%200%201-1%201h-1a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h1a1%201%200%200%201%201%201zm4%200a1%201%200%200%201-1%201h-1a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h1a1%201%200%200%201%201%201zm4%200a1%201%200%200%201-1%201h-1a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h1a1%201%200%200%201%201%201zM10%2027a1%201%200%200%201-1%201H7a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h2a1%201%200%200%201%201%201zm20%200a1%201%200%200%201-1%201h-2a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h2a1%201%200%200%201%201%201zm-5%200a1%201%200%200%201-1%201H12a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h12a1%201%200%200%201%201%201zM5.5%2013.083a1%201%200%200%201-1%201h-1a1%201%200%200%201%200-2h1a1%201%200%200%201%201%201m4%200a1%201%200%200%201-1%201h-1a1%201%200%200%201%200-2h1a1%201%200%200%201%201%201m4%200a1%201%200%200%201-1%201h-1a1%201%200%200%201%200-2h1a1%201%200%200%201%201%201m4%200a1%201%200%200%201-1%201h-1a1%201%200%200%201%200-2h1a1%201%200%200%201%201%201m4%200a1%201%200%200%201-1%201h-1a1%201%200%201%201%200-2h1a1%201%200%200%201%201%201m4%200a1%201%200%200%201-1%201h-1a1%201%200%201%201%200-2h1a1%201%200%200%201%201%201m4%200a1%201%200%200%201-1%201h-1a1%201%200%201%201%200-2h1a1%201%200%200%201%201%201m4%200a1%201%200%200%201-1%201h-1a1%201%200%201%201%200-2h1a1%201%200%200%201%201%201%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M36%2028a2%202%200%200%201-2%202H2a2%202%200%200%201-2-2V12a2%202%200%200%201%202-2h32a2%202%200%200%201%202%202z%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M5.5%2019a1%201%200%200%201-1%201h-1a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h1a1%201%200%200%201%201%201zm4%200a1%201%200%200%201-1%201h-1a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h1a1%201%200%200%201%201%201zm4%200a1%201%200%200%201-1%201h-1a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h1a1%201%200%200%201%201%201zm4%200a1%201%200%200%201-1%201h-1a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h1a1%201%200%200%201%201%201zm4%200a1%201%200%200%201-1%201h-1a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h1a1%201%200%200%201%201%201zm4%200a1%201%200%200%201-1%201h-1a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h1a1%201%200%200%201%201%201zm4%200a1%201%200%200%201-1%201h-1a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h1a1%201%200%200%201%201%201zm4%200a1%201%200%200%201-1%201h-1a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h1a1%201%200%200%201%201%201zm-26%204a1%201%200%200%201-1%201h-1a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h1a1%201%200%200%201%201%201zm4%200a1%201%200%200%201-1%201h-1a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h1a1%201%200%200%201%201%201zm4%200a1%201%200%200%201-1%201h-1a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h1a1%201%200%200%201%201%201zm4%200a1%201%200%200%201-1%201h-1a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h1a1%201%200%200%201%201%201zm4%200a1%201%200%200%201-1%201h-1a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h1a1%201%200%200%201%201%201zm4%200a1%201%200%200%201-1%201h-1a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h1a1%201%200%200%201%201%201zm4%200a1%201%200%200%201-1%201h-1a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h1a1%201%200%200%201%201%201zM10%2027a1%201%200%200%201-1%201H7a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h2a1%201%200%200%201%201%201zm20%200a1%201%200%200%201-1%201h-2a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h2a1%201%200%200%201%201%201zm-5%200a1%201%200%200%201-1%201H12a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h12a1%201%200%200%201%201%201zM5.5%2013.083a1%201%200%200%201-1%201h-1a1%201%200%200%201%200-2h1a1%201%200%200%201%201%201m4%200a1%201%200%200%201-1%201h-1a1%201%200%200%201%200-2h1a1%201%200%200%201%201%201m4%200a1%201%200%200%201-1%201h-1a1%201%200%200%201%200-2h1a1%201%200%200%201%201%201m4%200a1%201%200%200%201-1%201h-1a1%201%200%200%201%200-2h1a1%201%200%200%201%201%201m4%200a1%201%200%200%201-1%201h-1a1%201%200%201%201%200-2h1a1%201%200%200%201%201%201m4%200a1%201%200%200%201-1%201h-1a1%201%200%201%201%200-2h1a1%201%200%200%201%201%201m4%200a1%201%200%200%201-1%201h-1a1%201%200%201%201%200-2h1a1%201%200%200%201%201%201m4%200a1%201%200%200%201-1%201h-1a1%201%200%201%201%200-2h1a1%201%200%200%201%201%201%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/keyboard.svg?color=%231a73e8&size=48