Gentleface › Devices & hardware › backspace-right

backspace-right icon

Backspace right: forward delete, delete forward. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M9.615 12.778C9.258 12.926 8.886 13 8.5 13L3 13C2.746 13 2.5 12.953 2.264 12.86C2.007 12.758 1.781 12.609 1.586 12.414C1.391 12.219 1.242 11.993 1.14 11.736C1.047 11.5 1 11.254 1 11L1 4C1 3.746 1.047 3.5 1.14 3.264C1.242 3.007 1.391 2.781 1.586 2.586C1.781 2.391 2.007 2.242 2.264 2.14C2.5 2.047 2.746 2 3 2L8.5 2C8.886 2 9.258 2.074 9.615 2.222C9.972 2.37 10.287 2.58 10.561 2.854L13.793 6.086C13.973 6.266 14.113 6.472 14.214 6.706C14.324 6.959 14.379 7.224 14.379 7.5C14.379 7.776 14.324 8.041 14.214 8.294C14.113 8.528 13.973 8.734 13.793 8.914L10.561 12.146C10.287 12.42 9.972 12.63 9.615 12.778ZM2.293 3.293C2.098 3.488 2 3.724 2 4L2 11C2 11.276 2.098 11.512 2.293 11.707C2.488 11.902 2.724 12 3 12L8.5 12C8.754 12 8.998 11.951 9.233 11.854C9.467 11.757 9.674 11.619 9.854 11.439L13.086 8.207C13.281 8.012 13.379 7.776 13.379 7.5C13.379 7.224 13.281 6.988 13.086 6.793L9.854 3.561C9.674 3.381 9.467 3.243 9.233 3.146C8.998 3.049 8.754 3 8.5 3L3 3C2.724 3 2.488 3.098 2.293 3.293ZM7.854 9.146C7.953 9.246 8.003 9.364 8.003 9.5C8.003 9.636 7.953 9.754 7.854 9.854C7.756 9.951 7.638 10 7.5 10C7.362 10 7.244 9.951 7.146 9.854L5.5 8.207L3.854 9.854C3.756 9.951 3.638 10 3.5 10C3.362 10 3.244 9.951 3.146 9.854C3.047 9.754 2.997 9.636 2.997 9.5C2.997 9.364 3.047 9.246 3.146 9.146L4.793 7.5L3.146 5.854C3.047 5.754 2.997 5.636 2.997 5.5C2.997 5.364 3.047 5.246 3.146 5.146C3.244 5.049 3.362 5 3.5 5C3.638 5 3.756 5.049 3.854 5.146L5.5 6.793L7.146 5.146C7.246 5.047 7.364 4.997 7.5 4.997C7.636 4.997 7.754 5.047 7.854 5.146C7.953 5.246 8.003 5.364 8.003 5.5C8.003 5.636 7.953 5.754 7.854 5.854L6.207 7.5L7.854 9.146Z"/></svg>

React

// Gentleface "backspace-right" (line-round), MIT. https://gentleface.com/icons/backspace-right
import type { SVGProps } from 'react';

export function BackspaceRightIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M9.615 12.778C9.258 12.926 8.886 13 8.5 13L3 13C2.746 13 2.5 12.953 2.264 12.86C2.007 12.758 1.781 12.609 1.586 12.414C1.391 12.219 1.242 11.993 1.14 11.736C1.047 11.5 1 11.254 1 11L1 4C1 3.746 1.047 3.5 1.14 3.264C1.242 3.007 1.391 2.781 1.586 2.586C1.781 2.391 2.007 2.242 2.264 2.14C2.5 2.047 2.746 2 3 2L8.5 2C8.886 2 9.258 2.074 9.615 2.222C9.972 2.37 10.287 2.58 10.561 2.854L13.793 6.086C13.973 6.266 14.113 6.472 14.214 6.706C14.324 6.959 14.379 7.224 14.379 7.5C14.379 7.776 14.324 8.041 14.214 8.294C14.113 8.528 13.973 8.734 13.793 8.914L10.561 12.146C10.287 12.42 9.972 12.63 9.615 12.778ZM2.293 3.293C2.098 3.488 2 3.724 2 4L2 11C2 11.276 2.098 11.512 2.293 11.707C2.488 11.902 2.724 12 3 12L8.5 12C8.754 12 8.998 11.951 9.233 11.854C9.467 11.757 9.674 11.619 9.854 11.439L13.086 8.207C13.281 8.012 13.379 7.776 13.379 7.5C13.379 7.224 13.281 6.988 13.086 6.793L9.854 3.561C9.674 3.381 9.467 3.243 9.233 3.146C8.998 3.049 8.754 3 8.5 3L3 3C2.724 3 2.488 3.098 2.293 3.293ZM7.854 9.146C7.953 9.246 8.003 9.364 8.003 9.5C8.003 9.636 7.953 9.754 7.854 9.854C7.756 9.951 7.638 10 7.5 10C7.362 10 7.244 9.951 7.146 9.854L5.5 8.207L3.854 9.854C3.756 9.951 3.638 10 3.5 10C3.362 10 3.244 9.951 3.146 9.854C3.047 9.754 2.997 9.636 2.997 9.5C2.997 9.364 3.047 9.246 3.146 9.146L4.793 7.5L3.146 5.854C3.047 5.754 2.997 5.636 2.997 5.5C2.997 5.364 3.047 5.246 3.146 5.146C3.244 5.049 3.362 5 3.5 5C3.638 5 3.756 5.049 3.854 5.146L5.5 6.793L7.146 5.146C7.246 5.047 7.364 4.997 7.5 4.997C7.636 4.997 7.754 5.047 7.854 5.146C7.953 5.246 8.003 5.364 8.003 5.5C8.003 5.636 7.953 5.754 7.854 5.854L6.207 7.5L7.854 9.146Z" />
    </svg>
  );
}

Vue

Vue: see /icons/backspace-right.md

Svelte

Svelte: see /icons/backspace-right.md

HTML img

HTML img: see /icons/backspace-right.md

CSS

CSS: see /icons/backspace-right.md

Data URL

Data URL: see /icons/backspace-right.md

Sprite

Sprite: see /icons/backspace-right.md

SwiftUI

SwiftUI: see /icons/backspace-right.md

Compose

Compose: see /icons/backspace-right.md

Android XML

Android XML: see /icons/backspace-right.md

Flutter

Flutter: see /icons/backspace-right.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

forward delete, delete forward

Tags

delete, forward-delete, erase, keyboard, key, clear, del

Category

Devices & hardware

Component name

BackspaceRightIcon

History

2026-11-12 20 px drawn, 24 px drawn, added

Family 1

backspace

More devices & hardware icons

av-receiver backlight backlight-low backlight-off battery battery-alert battery-arrow-right battery-charging battery-check battery-clock battery-full battery-gear battery-low battery-medium battery-off battery-plus · all devices & hardware icons

For agents

Metadata: /icons/backspace-right.json · Markdown: /icons/backspace-right.md · SVG: https://gentleface.com/svg/{style}/16/backspace-right.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/backspace-right.png

backspace-right icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp