sebikostudio-icons/src/KeyboardIcon.js

A collection of icon components

    import React, { forwardRef } from 'react';
  
    export const KeyboardIcon = forwardRef(({ className, style, ariaLabel, ...props }, ref) => (
      <svg ref={ref} className={className} aria-label={ariaLabel || "keyboard"} style={style} width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path d="M17.5 4H2.5C1.94772 4 1.5 4.44772 1.5 5V14.5C1.5 15.0523 1.94772 15.5 2.5 15.5H17.5C18.0523 15.5 18.5 15.0523 18.5 14.5V5C18.5 4.44772 18.0523 4 17.5 4Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M7 12.5H13" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M4 12.5H4.5" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M4 9.5H5" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M4 6.5H5" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M7.5 9.50012L8.50006 9.50013" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M7.5 6.49988L8.50006 6.49989" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M11 9.5H12.5" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M11 6.5H12.5" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M15.5 12.5H16" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M15 9.5H16" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M15 6.5H16" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
</svg>

    ));
  
    export default KeyboardIcon;