Backspace icon - Free SVG for React, Vue, Svelte, Angular, Solid & Preact - Customizable actions vector icon

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/heroicons-backspace.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-backspace.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-backspace.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-backspace.json
Category:actions
Tags:deletebackspaceremovetexteraseclearinput

The backspace icon represents text deletion and character removal in modern input interfaces.

Featuring a leftward-pointing arrow with an X or delete symbol, this icon has become the standard indicator for backward text deletion, character erasure, and input clearing across digital text editing applications.

Frequently Asked Questions

Common questions about the Backspace icon

Similar Icons

Arrow Down On Square Stack 20 Solid - actions icon from HeroIcons
arrow down on square stack 20 solid
Arrow Turn Down Left 16 Solid - communication icon from HeroIcons
arrow turn down left 16 solid
Cpu Chip - system icon from HeroIcons
cpu chip
Arrow Uturn Down Solid - navigation icon from HeroIcons
arrow uturn down solid
Arrow Turn Right Up 16 Solid - actions icon from HeroIcons
arrow turn right up 16 solid
Folder Minus 16 Solid - actions icon from HeroIcons
folder minus 16 solid
Command Line 20 Solid - system icon from HeroIcons
command line 20 solid
Backward 16 Solid - media icon from HeroIcons
backward 16 solid
H1 16 Solid - typography icon from HeroIcons
h1 16 solid