keyboard icon
keyboard from Font Awesome Regular by Dave Gandy · Regular · Code · CC-BY-4.0 Attribution required.
- Name
- keyboard
- Set
- Font Awesome Regular
- Style
- Regular
- Category
- Code
- Viewbox
- 640×640
- License
- CC BY 4.0
The same icon in other sets
keyboardBootstrap IconskeyboardBoxIcons v2 SolidkeyboardCarbonkeyboardEmoji One (Colored)keyboardFramework7 IconskeyboardFont Awesome 6 RegularkeyboardFont Awesome 6 SolidkeyboardFont Awesome Solidkeyboard-outlineFlowbite Iconskeyboard-16-filledFluent UI System IconskeyboardFluent EmojikeyboardFluent Emoji FlatkeyboardFluent Emoji High ContrastkeyboardFirefox OS Emojikeyboardcss.ggkeyboardHuge IconskeyboardIconParkkeyboardIconPark OutlinekeyboardIconPark SolidkeyboardIconPark TwoTonekeyboardJam IconskeyboardLine AwesomekeyboardLucidekeyboardMage Icons
More code icons from Font Awesome Regular
Use the keyboard icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M96 176c-8.8 0-16 7.2-16 16v256c0 8.8 7.2 16 16 16h448c8.8 0 16-7.2 16-16V192c0-8.8-7.2-16-16-16zm-64 16c0-35.3 28.7-64 64-64h448c35.3 0 64 28.7 64 64v256c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64zm176 192h224c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16H208c-8.8 0-16-7.2-16-16v-16c0-8.8 7.2-16 16-16m-72-72c0-8.8 7.2-16 16-16h16c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16zm16-96h16c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16v-16c0-8.8 7.2-16 16-16m64 96c0-8.8 7.2-16 16-16h16c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16zm16-96h16c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16v-16c0-8.8 7.2-16 16-16m64 96c0-8.8 7.2-16 16-16h16c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16zm16-96h16c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16v-16c0-8.8 7.2-16 16-16m64 96c0-8.8 7.2-16 16-16h16c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16zm16-96h16c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16v-16c0-8.8 7.2-16 16-16m64 96c0-8.8 7.2-16 16-16h16c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16zm16-96h16c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16v-16c0-8.8 7.2-16 16-16"/></svg>
React
import type { SVGProps } from "react";
export function Fa7RegularKeyboard(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M96 176c-8.8 0-16 7.2-16 16v256c0 8.8 7.2 16 16 16h448c8.8 0 16-7.2 16-16V192c0-8.8-7.2-16-16-16zm-64 16c0-35.3 28.7-64 64-64h448c35.3 0 64 28.7 64 64v256c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64zm176 192h224c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16H208c-8.8 0-16-7.2-16-16v-16c0-8.8 7.2-16 16-16m-72-72c0-8.8 7.2-16 16-16h16c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16zm16-96h16c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16v-16c0-8.8 7.2-16 16-16m64 96c0-8.8 7.2-16 16-16h16c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16zm16-96h16c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16v-16c0-8.8 7.2-16 16-16m64 96c0-8.8 7.2-16 16-16h16c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16zm16-96h16c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16v-16c0-8.8 7.2-16 16-16m64 96c0-8.8 7.2-16 16-16h16c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16zm16-96h16c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16v-16c0-8.8 7.2-16 16-16m64 96c0-8.8 7.2-16 16-16h16c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16zm16-96h16c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16v-16c0-8.8 7.2-16 16-16"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M96 176c-8.8 0-16 7.2-16 16v256c0 8.8 7.2 16 16 16h448c8.8 0 16-7.2 16-16V192c0-8.8-7.2-16-16-16zm-64 16c0-35.3 28.7-64 64-64h448c35.3 0 64 28.7 64 64v256c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64zm176 192h224c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16H208c-8.8 0-16-7.2-16-16v-16c0-8.8 7.2-16 16-16m-72-72c0-8.8 7.2-16 16-16h16c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16zm16-96h16c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16v-16c0-8.8 7.2-16 16-16m64 96c0-8.8 7.2-16 16-16h16c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16zm16-96h16c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16v-16c0-8.8 7.2-16 16-16m64 96c0-8.8 7.2-16 16-16h16c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16zm16-96h16c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16v-16c0-8.8 7.2-16 16-16m64 96c0-8.8 7.2-16 16-16h16c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16zm16-96h16c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16v-16c0-8.8 7.2-16 16-16m64 96c0-8.8 7.2-16 16-16h16c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16zm16-96h16c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16v-16c0-8.8 7.2-16 16-16"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M96%20176c-8.8%200-16%207.2-16%2016v256c0%208.8%207.2%2016%2016%2016h448c8.8%200%2016-7.2%2016-16V192c0-8.8-7.2-16-16-16zm-64%2016c0-35.3%2028.7-64%2064-64h448c35.3%200%2064%2028.7%2064%2064v256c0%2035.3-28.7%2064-64%2064H96c-35.3%200-64-28.7-64-64zm176%20192h224c8.8%200%2016%207.2%2016%2016v16c0%208.8-7.2%2016-16%2016H208c-8.8%200-16-7.2-16-16v-16c0-8.8%207.2-16%2016-16m-72-72c0-8.8%207.2-16%2016-16h16c8.8%200%2016%207.2%2016%2016v16c0%208.8-7.2%2016-16%2016h-16c-8.8%200-16-7.2-16-16zm16-96h16c8.8%200%2016%207.2%2016%2016v16c0%208.8-7.2%2016-16%2016h-16c-8.8%200-16-7.2-16-16v-16c0-8.8%207.2-16%2016-16m64%2096c0-8.8%207.2-16%2016-16h16c8.8%200%2016%207.2%2016%2016v16c0%208.8-7.2%2016-16%2016h-16c-8.8%200-16-7.2-16-16zm16-96h16c8.8%200%2016%207.2%2016%2016v16c0%208.8-7.2%2016-16%2016h-16c-8.8%200-16-7.2-16-16v-16c0-8.8%207.2-16%2016-16m64%2096c0-8.8%207.2-16%2016-16h16c8.8%200%2016%207.2%2016%2016v16c0%208.8-7.2%2016-16%2016h-16c-8.8%200-16-7.2-16-16zm16-96h16c8.8%200%2016%207.2%2016%2016v16c0%208.8-7.2%2016-16%2016h-16c-8.8%200-16-7.2-16-16v-16c0-8.8%207.2-16%2016-16m64%2096c0-8.8%207.2-16%2016-16h16c8.8%200%2016%207.2%2016%2016v16c0%208.8-7.2%2016-16%2016h-16c-8.8%200-16-7.2-16-16zm16-96h16c8.8%200%2016%207.2%2016%2016v16c0%208.8-7.2%2016-16%2016h-16c-8.8%200-16-7.2-16-16v-16c0-8.8%207.2-16%2016-16m64%2096c0-8.8%207.2-16%2016-16h16c8.8%200%2016%207.2%2016%2016v16c0%208.8-7.2%2016-16%2016h-16c-8.8%200-16-7.2-16-16zm16-96h16c8.8%200%2016%207.2%2016%2016v16c0%208.8-7.2%2016-16%2016h-16c-8.8%200-16-7.2-16-16v-16c0-8.8%207.2-16%2016-16%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M96%20176c-8.8%200-16%207.2-16%2016v256c0%208.8%207.2%2016%2016%2016h448c8.8%200%2016-7.2%2016-16V192c0-8.8-7.2-16-16-16zm-64%2016c0-35.3%2028.7-64%2064-64h448c35.3%200%2064%2028.7%2064%2064v256c0%2035.3-28.7%2064-64%2064H96c-35.3%200-64-28.7-64-64zm176%20192h224c8.8%200%2016%207.2%2016%2016v16c0%208.8-7.2%2016-16%2016H208c-8.8%200-16-7.2-16-16v-16c0-8.8%207.2-16%2016-16m-72-72c0-8.8%207.2-16%2016-16h16c8.8%200%2016%207.2%2016%2016v16c0%208.8-7.2%2016-16%2016h-16c-8.8%200-16-7.2-16-16zm16-96h16c8.8%200%2016%207.2%2016%2016v16c0%208.8-7.2%2016-16%2016h-16c-8.8%200-16-7.2-16-16v-16c0-8.8%207.2-16%2016-16m64%2096c0-8.8%207.2-16%2016-16h16c8.8%200%2016%207.2%2016%2016v16c0%208.8-7.2%2016-16%2016h-16c-8.8%200-16-7.2-16-16zm16-96h16c8.8%200%2016%207.2%2016%2016v16c0%208.8-7.2%2016-16%2016h-16c-8.8%200-16-7.2-16-16v-16c0-8.8%207.2-16%2016-16m64%2096c0-8.8%207.2-16%2016-16h16c8.8%200%2016%207.2%2016%2016v16c0%208.8-7.2%2016-16%2016h-16c-8.8%200-16-7.2-16-16zm16-96h16c8.8%200%2016%207.2%2016%2016v16c0%208.8-7.2%2016-16%2016h-16c-8.8%200-16-7.2-16-16v-16c0-8.8%207.2-16%2016-16m64%2096c0-8.8%207.2-16%2016-16h16c8.8%200%2016%207.2%2016%2016v16c0%208.8-7.2%2016-16%2016h-16c-8.8%200-16-7.2-16-16zm16-96h16c8.8%200%2016%207.2%2016%2016v16c0%208.8-7.2%2016-16%2016h-16c-8.8%200-16-7.2-16-16v-16c0-8.8%207.2-16%2016-16m64%2096c0-8.8%207.2-16%2016-16h16c8.8%200%2016%207.2%2016%2016v16c0%208.8-7.2%2016-16%2016h-16c-8.8%200-16-7.2-16-16zm16-96h16c8.8%200%2016%207.2%2016%2016v16c0%208.8-7.2%2016-16%2016h-16c-8.8%200-16-7.2-16-16v-16c0-8.8%207.2-16%2016-16%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-regular/keyboard.svg?color=%231a73e8&size=48
