Pixelarticons

Text Cursor Pixel Art Icon

An I-beam text cursor icon indicating an editable text area, for showing insertion points and clickable text fields in interfaces.

office Free 1 variant

Tags

cursor

Style variants

base

Outline ยท rounded corners

Base, sharp, solid or glyph: see how the four styles differ and which to use.

About the Text Cursor icon

An I-beam, the thin vertical bar with horizontal serifs at top and bottom that browsers display when hovering over selectable text. It signals 'text can be entered or selected here.' Use it to indicate an active input state, label a 'Text' tool in a drawing or design app, or mark an insertion mode toggle. When the context is a framed input field rather than raw text, the text-cursor-input icon conveys that distinction more precisely.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/text-cursor.svg" width="24" height="24" alt="Text Cursor" />

<!-- React -->
import { TextCursor } from 'pixelarticons/react'

<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="text-cursor.svg" width="48" height="48" style="image-rendering: pixelated" />

Related icons