@sidekickicons/react/24/outline/esm/KeyboardIcon.js

<p align="center"> <a href="https://heroicons.com" target="_blank"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/ndri/sidekickicons/HEAD/.github/logo-dark.svg"> <source media="(prefers-

import * as React from "react";
function KeyboardIcon({
  title,
  titleId,
  ...props
}, svgRef) {
  return /*#__PURE__*/React.createElement("svg", Object.assign({
    xmlns: "http://www.w3.org/2000/svg",
    strokeWidth: 1.5,
    viewBox: "0 0 24 24",
    stroke: "currentColor",
    "aria-hidden": "true",
    "data-slot": "icon",
    fill: "none",
    ref: svgRef,
    "aria-labelledby": titleId
  }, props), title ? /*#__PURE__*/React.createElement("title", {
    id: titleId
  }, title) : null, /*#__PURE__*/React.createElement("path", {
    strokeLinecap: "round",
    strokeLinejoin: "round",
    d: "M5.75 9.25h12.5a2.5 2.5 0 0 1 2.5 2.5v6.5a2.5 2.5 0 0 1-2.5 2.5H5.75a2.5 2.5 0 0 1-2.5-2.5v-6.5a2.5 2.5 0 0 1 2.5-2.5Zm6.25 0v-1.5a1.5 1.5 0 0 1 1.5-1.5H15a1.5 1.5 0 0 0 1.5-1.5V3M5.75 11.75h.5v.5h-.5v-.5Zm3 0h.5v.5h-.5v-.5Zm3 0h.5v.5h-.5v-.5Zm3 0h.5v.5h-.5v-.5Zm3 0h.5v.5h-.5v-.5Zm-10.5 3h.5v.5h-.5v-.5Zm3 0h.5v.5h-.5v-.5Zm3 0h.5v.5h-.5v-.5Zm3 0h.5v.5h-.5v-.5Zm-10.5 3h.5v.5h-.5v-.5Zm3 0h6.5v.5h-6.5v-.5Zm9 0h.5v.5h-.5v-.5Z"
  }));
}
const ForwardRef = /*#__PURE__*/ React.forwardRef(KeyboardIcon);
export default ForwardRef;