Color

Advanced editing in SVG Editor

IconaMoon

Backspace Icon

Free SVG icon from the IconaMoon collection. Download or copy for use in any project.

Download SVG

Collection: IconaMoon
Format: SVG, PNG
License: CC BY 4.0 - Free for commercial use
Style: Filled
Tags: backspace

The Backspace icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/307682.svg" alt="Backspace icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/307682.svg" alt="Backspace icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/307682.svg"
  alt="Backspace icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-backspace {
  background-image: url('https://proicons.com/icon/307682.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M7.91987 4.99994C7.33602 4.99994 6.78132 5.25507 6.40136 5.69836L2.11564 10.6984C1.47366 11.4473 1.47366 12.5525 2.11564 13.3015L6.40136 18.3015C6.78132 18.7448 7.33602 18.9999 7.91987 18.9999L19 18.9999C20.1046 18.9999 21 18.1045 21 16.9999L21 6.99994C21 5.89537 20.1046 4.99994 19 4.99994L7.91987 4.99994Z" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15 10.0001L11 14.0001" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11 10.0001L15 14.0001" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>

Backspace in other icon packs

Bootstrap Icons

Copied!

Backspace Icon

More from IconaMoon

Backspace in other icon packs