keyboard icon

keyboard-sharp-fill from Keyline Icons by Keyline Icons · Sharp Fill · MIT Free for personal and commercial use.

Name
keyboard-sharp-fill
Set
Keyline Icons
Style
Sharp Fill
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

keyboardkeyboard-duotonekeyboard-fillkeyboard-sharpkeyboard-sharp-duotonekeyboard-sharp-two-tonekeyboard-two-tone

The same icon 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

Use the keyboard icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2 3L22 3C22.5523 3 23 3.4477 23 4L23 20C23 20.5523 22.5523 21 22 21L2 21C1.4477 21 1 20.5523 1 20L1 4C1 3.4477 1.4477 3 2 3ZM5 7L5 9L7 9L7 7L5 7ZM9 7L9 9L11 9L11 7L9 7ZM13 7L13 9L15 9L15 7L13 7ZM17 7L17 9L19 9L19 7L17 7ZM5 11L5 13L7 13L7 11L5 11ZM9 11L9 13L11 13L11 11L9 11ZM13 11L13 13L15 13L15 11L13 11ZM17 11L17 13L19 13L19 11L17 11ZM7 15L7 17L17 17L17 15L7 15Z"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsKeyboardSharpFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2 3L22 3C22.5523 3 23 3.4477 23 4L23 20C23 20.5523 22.5523 21 22 21L2 21C1.4477 21 1 20.5523 1 20L1 4C1 3.4477 1.4477 3 2 3ZM5 7L5 9L7 9L7 7L5 7ZM9 7L9 9L11 9L11 7L9 7ZM13 7L13 9L15 9L15 7L13 7ZM17 7L17 9L19 9L19 7L17 7ZM5 11L5 13L7 13L7 11L5 11ZM9 11L9 13L11 13L11 11L9 11ZM13 11L13 13L15 13L15 11L13 11ZM17 11L17 13L19 13L19 11L17 11ZM7 15L7 17L17 17L17 15L7 15Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2 3L22 3C22.5523 3 23 3.4477 23 4L23 20C23 20.5523 22.5523 21 22 21L2 21C1.4477 21 1 20.5523 1 20L1 4C1 3.4477 1.4477 3 2 3ZM5 7L5 9L7 9L7 7L5 7ZM9 7L9 9L11 9L11 7L9 7ZM13 7L13 9L15 9L15 7L13 7ZM17 7L17 9L19 9L19 7L17 7ZM5 11L5 13L7 13L7 11L5 11ZM9 11L9 13L11 13L11 11L9 11ZM13 11L13 13L15 13L15 11L13 11ZM17 11L17 13L19 13L19 11L17 11ZM7 15L7 17L17 17L17 15L7 15Z"/></svg>
</template>

CSS

.icon-keyboard-sharp-fill {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%203L22%203C22.5523%203%2023%203.4477%2023%204L23%2020C23%2020.5523%2022.5523%2021%2022%2021L2%2021C1.4477%2021%201%2020.5523%201%2020L1%204C1%203.4477%201.4477%203%202%203ZM5%207L5%209L7%209L7%207L5%207ZM9%207L9%209L11%209L11%207L9%207ZM13%207L13%209L15%209L15%207L13%207ZM17%207L17%209L19%209L19%207L17%207ZM5%2011L5%2013L7%2013L7%2011L5%2011ZM9%2011L9%2013L11%2013L11%2011L9%2011ZM13%2011L13%2013L15%2013L15%2011L13%2011ZM17%2011L17%2013L19%2013L19%2011L17%2011ZM7%2015L7%2017L17%2017L17%2015L7%2015Z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%203L22%203C22.5523%203%2023%203.4477%2023%204L23%2020C23%2020.5523%2022.5523%2021%2022%2021L2%2021C1.4477%2021%201%2020.5523%201%2020L1%204C1%203.4477%201.4477%203%202%203ZM5%207L5%209L7%209L7%207L5%207ZM9%207L9%209L11%209L11%207L9%207ZM13%207L13%209L15%209L15%207L13%207ZM17%207L17%209L19%209L19%207L17%207ZM5%2011L5%2013L7%2013L7%2011L5%2011ZM9%2011L9%2013L11%2013L11%2011L9%2011ZM13%2011L13%2013L15%2013L15%2011L13%2011ZM17%2011L17%2013L19%2013L19%2011L17%2011ZM7%2015L7%2017L17%2017L17%2015L7%2015Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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