The Tabler keyboard hide icon visually represents the action of dismissing or hiding a software keyboard, commonly used in mobile or tablet interfaces to reclaim screen space.
Common uses
- Button to close the on-screen keyboard in a form.
- Indicator for keyboard visibility state.
- Action to toggle keyboard appearance in a text input area.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconKeyboardHide } from '@tabler/icons-react';
<IconKeyboardHide size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Devices
- Keywords
- computerlaptopdevicetypekeyboardhidehardwaretechnologyelectronicgadgetdeviceshide keyboarddismiss keyboardkeyboard offclose keyboard
FAQ
- What is the keyboard hide icon used for?
- It's used to indicate or trigger the action of hiding a software keyboard, freeing up screen space in applications.
- How do I use this icon in React?
- Import it using `import { IconKeyboardHide } from '@tabler/icons-react'` and use it as a React component.
- What is the license for this icon?
- The Tabler icon library, including the keyboard hide icon, is released under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →