The HugeIcons input short text icon depicts a single line text field and is commonly used to represent input fields for short text entries in user interfaces.
Common uses
- Username field
- Email address input
- Search bar
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { InputShortTextIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={InputShortTextIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- text fieldinput fieldsingle line textform input
FAQ
- What is the 'input short text' icon used for?
- This icon represents a single-line text input field. It's typically used in UIs to indicate where a user should enter a short piece of text, like a username or search query.
- How do I use the InputShortTextIcon in React?
- To use it in React, import both HugeiconsIcon and InputShortTextIcon, then render <HugeiconsIcon icon={InputShortTextIcon} />.
- What is the license for HugeIcons?
- HugeIcons are released under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →