The HugeIcons type cursor icon visually represents the blinking cursor found in text input fields, commonly used to indicate where text will appear when a user types.
Common uses
- Text input fields
- Editing interfaces
- Form elements
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { TypeCursorIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={TypeCursorIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- text cursorcaretinput cursorblinking cursor
FAQ
- What does the type cursor icon represent?
- It represents the blinking cursor that appears in text fields, showing the user where their input will be placed.
- How do I use the TypeCursorIcon in React?
- Import both HugeiconsIcon and TypeCursorIcon, then render <HugeiconsIcon icon={TypeCursorIcon} />.
- What is the license for this icon?
- This icon is 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 →