The Tabler keyboard icon depicts a standard computer keyboard, commonly used in UIs to represent input fields, typing actions, or device settings.
Common uses
- Labeling a text input field
- Indicating a 'type' or 'compose' action
- Representing computer or device settings
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconKeyboard } from '@tabler/icons-react';
<IconKeyboard size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconKeyboard size={24} stroke={2} />filled
<IconKeyboardFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Devices
- Keywords
- computerlaptopdevicetypekeyboardhardwaretechnologyelectronicgadgetequipmentdevicesinput
FAQ
- What does the keyboard icon represent?
- It represents a physical computer keyboard, used for typing and data input.
- How do I use the keyboard icon in React?
- Import it using `import { IconKeyboard } from '@tabler/icons-react'` and render it as a component.
- What is the license for the Tabler keyboard icon?
- The Tabler icon library, including the keyboard icon, is available 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 →